[Susie]

Hey sorry to bother you again.

I would like my site to be full width

-Is there any way to make the slider full with?
-I have added “.site { width: 100%; }” but now the featured content is on the left of the page.
Thanks so much for the great support.

[Susie]

Heres the site
http://blackdogcarpentry.co.uk/

[Sakin]

@Susie: For that you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (min-width: 480px) {
    #featured-content.layout-three .hentry {
        text-align: center;
        width: 33.33%;
    }
}

[Susie]

Thanks a lot, nearly there, but the slider isn’t full screen yet.
Cheers

[Sakin]

@Susie: you can add the following css:
#feature-slider .cycle-slideshow { max-width: 100%; }

[Susie]

Great,
unfortunately the header images aren’t full screen yet.
Thanks

[Sakin]

@Susie: You also need to add the following css:
#feature-slider .cycle-slideshow img { width: 100%; }

[Susie]

Great,
Thanks so much for your help.

[Sakin]

@Susie: Thanks for your appreciation 🙂

[Author]

Posts