Close

Changing the width of a home page slider

howyaboss
9 years ago
#8553 Quote
Avatar
  • 2
Hi I am using a motion theme and i really like it. I would however like to change the width of the nivo slider i have on the home page to 980 pixels instead of the standard 100%.

I have tried two things.

1) I have changed all the references of width to (width: 980;) in the nivo-slider.css.
2) i also tried adding the folloinwg code to the custom header box in the motion theme settings page

.nivoSlider a.nivo-imageLink {
    width: 980;
}

neither of these worked for me. As i am not an expert in css I was wondering if anybody could point me to an easy way of doing this?
thanks
Tommy
hristian.dimov
9 years ago
#8557 Quote
Avatar
  • Moderator
  • 386
howyaboss wrote:
Hi I am using a motion theme and i really like it. I would however like to change the width of the nivo slider i have on the home page to 980 pixels instead of the standard 100%.

I have tried two things.

1) I have changed all the references of width to (width: 980;) in the nivo-slider.css.
2) i also tried adding the folloinwg code to the custom header box in the motion theme settings page

.nivoSlider a.nivo-imageLink {
    width: 980;
}

neither of these worked for me. As i am not an expert in css I was wondering if anybody could point me to an easy way of doing this?
thanks
Tommy


Hi Tommy,

add this css code to Custom Head Styles in the Motion Settings:

.slider-wrapper {
  margin: auto;
  width: 980px;
}


This will make the slider to be centered with 980px width.

Hope this helps!
Regards,
Hristian Dimov
Nop-Templates.com
howyaboss
9 years ago
#8563 Quote
Avatar
  • 2
Hristian

I have made that change and it works great

thanks so much for your help

Tommy