[Resolved] Make the background image in full width display in section

Home Forums Support Make the background image in full width display in section

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #908939
    Kelvin

    Dear Sir/Madam,

    I download the content from the Target site library for my quick start, I want to add a section with background image in full width but I find it is placed within the page container, I do change the Layout, Box Type and Inner Box Type as Full width (see the screenshot from https://prnt.sc/nsggqq). How can I force the section in full width instead of the element within the page container?

    Best regards,

    Kelvin

    #908943
    Leo
    Staff
    Customer Support

    Hi there,

    Which section are you trying to change?

    Any chance you can link me to the page in question?

    #909317
    Kelvin

    Dear Leo,

    Sorry site is under development, not yet be published. You can find the section setting from the previous message, here is the dashboard of the page. https://prnt.sc/nsnr67

    #909387
    David
    Staff
    Customer Support

    Hi there,

    really tricky for us to diagnose an issue without seeing the site, could you send us a screenshot of the frontend so we can see the actual problem – it might give us some clues πŸ™‚

    #909532
    Kelvin

    Dear David,

    Sorry here is the front end https://prnt.sc/nst85r

    You can see the two sections in the middle are not full width to the page.

    Best regards,

    Kelvin.

    #909538
    David
    Staff
    Customer Support

    No need to be sorry πŸ™‚

    You can remove the container padding by using the Full Width Pagebuilder Layout using:

    https://docs.generatepress.com/article/layout-element-overview/

    There is also a link in that article to the Layout Meta box, which allows you to do exactly the same thing from within the Page editor.

    #909624
    Kelvin

    Dear David,

    As I am a newbie to GeneratePress, I am using the GP 1.8.2, I don’t know which version of GP the video captured, it has 6 tabs but mine on 4 tabs. I follow the step and go to Appearance > Elements, edit the Element, I can’t see the Container Tab showed in the video but only the Container and Inner Container under the Page Hero, both I set to Full Width and the padding of Right and Left are empty. It doesn’t fix the padding to the frontend. I view the inspector and find the padding is set from the page element (see screenshot https://prnt.sc/nsv52c).

    Could you show me the detailed step on how I can make the section in full width?

    Best regards,

    Kelvin

    #909767
    David
    Staff
    Customer Support

    So:

    1. Appearance > Elements > And New Layout Element and give it a title.
    2. GO to the Content Tab > Container Area and Select Page Builder Full Width
    3. GO to Display Rules > Set the Location – you can choose the entire site or just the pages you’re working on.
    4. Publish the Element

    #909780
    Kelvin

    Dear David,

    I am so sorry, I add a Layout Element name “Full Width Element” with Full Width (no padding) Content Area and Front Page Location in Display Rules, then what’s next to apply it to my page?

    Best regards,

    Kelvin.

    #909784
    David
    Staff
    Customer Support

    Thats all you need to do. It should now be visible on the Front Page.
    If its not then provide another screen shot of the Inspector like you did before.

    #909797
    Kelvin

    Dear David,

    Please see the screenshot (https://prnt.sc/nswd7w), Content Area (https://prnt.sc/nswecr), Location (https://prnt.sc/nswemq). What did I do wrong?

    Best regards,

    Kelvin

    #909825
    Leo
    Staff
    Customer Support

    Sorry I can’t tell where the padding is coming from based on your screenshots.

    Any chance you can duplicate the situation on a live/test server so we can see instead of keep on guessing and going back and forth?

    Also, if you only want to use full-width on one page, you can actually just use the on page metabox option:
    https://docs.generatepress.com/article/page-builder-container/

    #910126
    Kelvin

    Dear Leo,

    Understand, how can I provide you with the login credentials? Is there any private message like Toolset does? Will this ticket be published publicly?

    Best regards,

    Kelvin

    #910129
    Leo
    Staff
    Customer Support

    You can send the dashboard access using Account Issue here:
    https://generatepress.com/contact/

    Please include the following information:
    – The URL of this topic.
    – Login URL.
    – Username and password.

    #910139
    Kelvin

    Dear Leo,

    Sorry I wrongly submit the information at Pre-sales question, I resubmit it to Account Issue but I have no idea what the Payment ID is, I simply put the order history id there.

    Best regards,

    Kelvin.

Viewing 15 posts - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.