Centering the image slider

Need help? Please give a detailed explanation of your problem.
Post Reply
DharaR161
Posts: 20
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Fri Feb 27, 2015 3:15 pm
Website: Web Rose

Centering the image slider

Post by DharaR161 »

How can I get an image slider to be centered on the page?
Thanks!
User avatar
JanetY
Support Team
Support Team
Posts: 63
Joined: Thu Jan 15, 2015 12:03 pm
Website: www.allprowebtools.com

Re: Centering the image slider

Post by JanetY »

Dhara,

If you right click on the slider and do an inspect element, you will see that there is already a class called slider-wrapper around the whole slider. To center the slider you can use that class

Code: Select all

.slider-wrapper {
    margin: 0 auto;
}
User avatar
Lyza326
Support Team
Support Team
Posts: 16
Joined: Tue Jan 26, 2021 11:57 am
Website: www.allprowebtools.com

Re: Centering the image slider

Post by Lyza326 »

As of 2021, Use this code:

If you right click on the slider in your web browser and do an inspect element, you will see that there is already a class titled "nivoSlider" around the whole slider. To center the slider you can use that class

Code: Select all

#slider(id number){
    margin: 0 auto;
}
Post Reply