Make slider images full width

[Breandán]

Hi,

I would like to make my slider images the full width of the screen without affecting the position of slider text, featured boxes, etc. What would you suggest?Thanks, it’s a great theme.

[Sonnal S Sinha]

Hi Breandán,

Kindly show us your website URL.

Regards,
Dave

[Breandán]

My url is connect121.ie

[Sonnal S Sinha]

Hi Breandán,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

section#home_slider .container {width: 100% !important;}
section#home_slider{ margin-bottom:-35px;}
.nivo-caption{ left:15% !important; }
.theme-default .nivo-controlNav{ position:relative !important;}

Regards,
Dave

[Breandán]

That’s brilliant, Dave, thanks. Works perfectly

[Sonnal S Sinha]

Great.

Regards,
Dave

[James Evans]

This is a very useful post.
I copied the code above in my custom-css box. It works fine
Now that I’ve changed the slider images to full width, how do i change the height of the slider images?
My URL is www.jamesevans.co

Thanks

[Sonnal S Sinha]

Hi James,

http://www.jamesevans.co/

This is not our theme.

Regards,
Dave

[Author]

Posts