Full width on Home page

Shapely
1

I’ve spent a good bit of time on this forum trying to find how to make my Home page content section Full Width. I’ve tried all of the CSS that is listed, but nothing seems to work.

The page is http://www.midatlanticsign.com - I know, it sucks, but it’s what the customer wants.
As you can see I have the slider at full width, but the content below it is centered. I’d like to be able to stretch it to full width.

Can you tell me how I’d do this?

Thanks,
Jeff

2

Hi Jeff,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#main, #main .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}
#main .home-box {
    padding: 0;
}
#main .entry-content {
    padding: 0;
}

Best Regards,
Movin

3

That worked for all the pages… which may be OK.
However, if I’d like that to work only on the home page, is there a way to make that happen?

Thank you so much for your help.
Jeff

4

I figured it out…
If I set the other pages to No Sidebar, it does the trick.
Thank you again,
Jeff

5

You are most welcome here :slight_smile:

6

How to do this? I am looking to have only front page (same as gallery page) as full-width, while the rest of the pages with normal left & right padding.

7

Hi @teppoh

Please start a new ticket and provide a link to your website, I can help you but not in this ticket :slight_smile: