How can I get an image slider to be centered on the page?
Thanks!
Centering the image slider
-
- Posts: 20
- meble kuchenne Mikołów Knurów Czechowice-Dziedzice
- Joined: Fri Feb 27, 2015 3:15 pm
- Website: Web Rose
- JanetY
- Support Team
- Posts: 63
- Joined: Thu Jan 15, 2015 12:03 pm
- Website: www.allprowebtools.com
Re: Centering the image slider
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
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;
}
- Lyza326
- Support Team
- Posts: 16
- Joined: Tue Jan 26, 2021 11:57 am
- Website: www.allprowebtools.com
Re: Centering the image slider
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
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;
}