Sinatra Theme – Slider Not Full Width

Hi @steffrose16!

There are some CSS codes we cannot overwrite from our end, like overflow:hidden; can hide parts of your website. Could you send me a link to your published slider? Then we could tell which theme or other CSS code needs modification!

Also, we have a child theme documentation:
https://smartslider.helpscoutdocs.com/article/2073-sinatra-child-theme
which could help publishing your slider in Sinatra theme, if you would want the slider under the top menu.

• This reply was modified 2 years, 6 months ago by Gabor.

https://picturethisgames.com/?page_id=50

On your slider I can see some paddings on the Slide element:
https://smartslider.helpscoutdocs.com/article/1724-slide
So as you see here, they will be on the sides:

Those should be removed.

Or use the Slide to hold your background color, and not the Content layer:
https://smartslider.helpscoutdocs.com/article/1810-content-layer
because the slide is the element, which is the main parent of everything.

Thank you! That helped. Now I have a different issue there is a gap between the slider and footer. I previously used this CSS code but it’s not working.

body.home div#primary {?? ?
margin-bottom: 0px;?
}

The problem with your code is that it addresses the “home” class, which only appears on your homepage. On this page you should only use:

body div#primary{ 
margin-bottom: 0px;
}

You could go to our slider’s Developer tab:
https://smartslider.helpscoutdocs.com/article/1806-slider-settings-developer
and insert the code into the CSS field. That way your CSS code will only appear on this one page, where the slider is published.

Thanks so much! Everything is resolved. I appreciate your help