Divi: GD Pages not using full content area

This topic contains 7 replies, has 3 voices, and was last updated by  Alex Rollin 5 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • #473235

    Jeremy Rangel
    Expired Member
    Post count: 36

    I am trying to use GD with Divi theme. The problem I am having is that it will not use the full content area. The URL below is a GD place. I am trying to use full-width elements (such as the background for the title, and the map), however it’s only showing content in the boxed layout.

    For example, the Map and the Green section at the top should be full-width, but they are being contained to that smaller content area.

    https://coosguide.com/places/buddakan/

    I used the CSS below to hide the sidebar.

    /*** Take out the divider line between content and sidebar ***/
    #main-content .container:before {background: none;}
    
    /*** Expand the content area to fullwidth ***/
    @media (min-width: 981px){
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
    }
    /*** Hide Sidebar ***/
    #sidebar {display:none;}
    #473257

    Kor
    Moderator
    Post count: 16516

    Hi jeremy,

    Thanks for your post. Try using the custom CSS code below and see if it’s what you’re looking for.

    .single-gd_place #main-content #left-area {
        width: 100%!important;
        padding:20px!important;
    }
    
    .single-gd_place #main-content .et_pb_row,.single-gd_place #main-content .container {
        width: 100%!important;
        max-width:100%!important;
    }
    #473377

    Jeremy Rangel
    Expired Member
    Post count: 36

    So, the CSS does let me use the entire content area. The problem is that I am trying to style this using the Divi shortcode-based builder. I want to have both full-width sections (the map and header, for example) and standard center column sections.

    That CSS overrides the Divi builder. So everything is full-width.

    So for example, if you go back at that place, and look for the line of text that says “This text is inserted with the Divi Builder inside a standard row. It should not be full-width.

    That line of text was inserted via the Divi builder inside a standard section, which should not be full width.

    #473407

    Kor
    Moderator
    Post count: 16516

    Hi Jeremy Rangel,

    Thanks for your reply. We’d need to check your backend to understand your theme setup. Maybe you can use the “Full Width” page template if it’s available? In the meantime, kindly renew your support status so that we could continue to assist you further with this.

    #473438

    Jeremy Rangel
    Expired Member
    Post count: 36
    This reply has been marked as private.
    #473481

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    #473501

    Jeremy Rangel
    Expired Member
    Post count: 36
    This reply has been marked as private.
    #473678

    Alex Rollin
    Moderator
    Post count: 27815

    The developers have been alerted and will take a look at the issue.

    GD scripts are called on the GD pages but in some cases the theme has non-standard handling.

    Have you already tried the template setting in

    GD – Settings – Design – Detail – page template file?

    Try changing the settings there to see if you can get what you want and let us know.

    https://wpgeodirectory.com/docs-v2/geodirectory/settings/design/#details

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

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

Open Support Ticket