Supreme Directory v2 Content Area

This topic contains 9 replies, has 2 voices, and was last updated by  Alex Rollin 6 years ago.

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

Open Support Ticket
  • Author
    Posts
  • #455273

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Is there any way of making the container below the image full width. I would ideally like no blank spaces to the left or right of the content. The area I am taking about is the area below the featured image on the homepage of supreme directory.

    #455280

    Alex Rollin
    Moderator
    Post count: 27815

    Supreme comes with a full width page template. Whichever page you are working with as your home page, set the page template to full width. Let us know how it goes.

    https://wpgeodirectory.com/docs-v2/themes/supreme/#full-width

    #455284

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Hi Alex, thanks for the quick reply. I already tried that to no avail. There appears to be blank spaces on either side of the content. With the content in the middle only filling about 70-80 precent.

    #455287

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Please see attached what I mean.

    #455291

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    please try the following CSS:

    
    
    
    .page-template-page_full-width .container, .page-template-page_full-width .geodir-common, .page-template-page_full-width .geodir-breadcrumb, .page-template-page_full-width .geodir_full_page .widget {
    
       padding-right: 0;
       padding-left: 0;
       margin-right: 0;
       margin-left: 0;
    
    }
    

    You can add that in the customizer in the additional css section.

    #455292

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Thanks Alex but unfortunately that didn’t work either . It just shifted everything to the left

    #455294

    Alex Rollin
    Moderator
    Post count: 27815

    Well, Supreme’s content areas are ‘boxed width’ based on the desktop container or the width of the various built in break points.

    What are you using for the desktop container setting in the customizer?

    #455303

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Sorry Alex I’m not sure what you mean. What I’m trying to do is make the content area 100% width so it fills the page width and I thought putting the page setting to full width would achieve this .

    I have played around with the width in Firefox in the code inspector but cannot achieve what I’m looking for. It appears that the default side bar is still there which is preventing me from getting what I want

    #455307

    Brendan O’Donovan
    Expired Member
    Post count: 40

    Hey Alex, I think I may have got it using what you gave me with an extra line. So you are welcome to close this. Thanks very much for your help . The code I used was

    .page-template-page_full-width .container, .page-template-page_full-width .geodir-common, .page-template-page_full-width .geodir-breadcrumb, .page-template-page_full-width .geodir_full_page .widget {

    padding-right: 0;
    padding-left: 0px;
    margin-right: 0;
    margin-left: 0;

    }

    .page-template-page_full-width .container{
    width:100%;
    }

    #455348

    Alex Rollin
    Moderator
    Post count: 27815

    Excellent!

    We also have a task to take another look at this, thanks for letting us know

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
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount