Make page fullwidth using Divi Builder

This topic contains 9 replies, has 3 voices, and was last updated by  Anna 5 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #475841

    Anna
    Full Member
    Post count: 70

    Hello

    I’m using Supreme Theme and Divi builder to edit the home page.

    The top section that contains the search bar is fullwidth, how do I make the Divi page/content below it also fullwidth?

    Thanks
    Matt

    #475842

    Anna
    Full Member
    Post count: 70
    This reply has been marked as private.
    #475848

    Kor
    Moderator
    Post count: 16516

    Hi Matt,

    Thanks for your post. Could you try configuring the “Page Template” as shown in the attached screenshot and see if it helps?

    #475852

    Anna
    Full Member
    Post count: 70

    Thanks Kor. I tried that already – no luck.

    #475860

    Kor
    Moderator
    Post count: 16516

    Hi Matt,

    Thanks for your reply. Could you share your Website WP admin access here in private reply so that we could check on it?

    #475874

    Anna
    Full Member
    Post count: 70
    This reply has been marked as private.
    #475876

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #475879

    Anna
    Full Member
    Post count: 70
    This reply has been marked as private.
    #476006

    Alex Rollin
    Moderator
    Post count: 27815

    Hi Matt,

    Our themes come setup to make the most of GD features and with preset styles in most cases. Changing the styles or layouts in many cases requires customization of CSS. We can provide an example of the CSS but you may need to customize it further or hire a developer to do so.

    Supreme’s full width pages are not exactly full width (on purpose) and still contain a margin. You can try customizing it with this CSS or adjust to fit to your needs.

    
    
    
    .sd .container div.entry-content {
        margin:0px!important;
        padding:0px!important;    
    }
    
    .container {
        width: 100%;
        padding:0px!important;
    }
    

    https://wpgeodirectory.com/docs-v2/faq/customizing/

    #476009

    Anna
    Full Member
    Post count: 70

    No worries, many thanks to you both for your help 🙂

    I’ll give the CSS snip a go.

    Cheers
    Matt

Viewing 10 posts - 1 through 10 (of 10 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket