[Resolved] Image(and bottom-border) on Top Row of the Homepage don’t match content-width

Home Forums Support [Resolved] Image(and bottom-border) on Top Row of the Homepage don’t match content-width

Home Forums Support Image(and bottom-border) on Top Row of the Homepage don’t match content-width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1360642
    David

    Hi,

    I have a test page https://darkstories.com.au/headline-of-the-day/ which renders nicely on all devices.

    I have copied the code to the homepage https://darkstories.com.au/ but getting some rendering issues.

    When viewing on a desktop, the top row image(and associated bottom-border) are not adhering to the content-width settings. Also a similar problem at the footer.

    Can you recommend any options- I appreciate the homepage has additional complications to deal with when compared to other pages in the structure.

    Best Regards
    David

    #1361095
    Leo
    Staff
    Customer Support

    Hi there,

    In this page: https://darkstories.com.au/headline-of-the-day/

    Looks like there is a layout element added to set the container width at 1200px:
    https://docs.generatepress.com/article/layout-element-overview/#content-1

    I don’t see that here:
    https://darkstories.com.au/

    In general, if you are using a page builder, then you should be using the page builder container option:
    https://docs.generatepress.com/article/page-builder-container/

    Then you wouldn’t have to set the global container width in the customizer at 2000px either.

    Let me know if this helps ๐Ÿ™‚

    #1361626
    David

    Hi Leo, thanks for your help- that really gave me the missing ingredient to work with; and that is working much better now.

    The page builder itself doesn’t have a content width setting in pixels; hence the reason for setting an layout element for 1200px. I changed the global container width from 2000px to 1200px and moved some css elements around and that resolved the alignment & sizing issues at the top of the page – thank you, I would not likely have looked at the global setting anytime soon. It also meant I could remove the layout element setting.

    However, could I trouble you one more time to take a look at the bottom two rows at https://darkstories.com.au/ please? I have tried numerous variations, but this particular row insists on breaking outside of the content-width setting no matter the various options I try.

    I’m no expert- there are weekend golfers…and I am a weekend web builder, so forgive my ignorance if the answer is obvious. This issue is the very last one remaining to complete this round of website design changes/improvements.

    Best Regards
    David

    ps- as an aside, this forum has been a superb resource for resolving design issues- I could’ve raised 10-20 tickets, but was able to solve all problems prior to this one, without needing to raise a new topic.

    #1362179
    Leo
    Staff
    Customer Support

    The last row is actually right within the site container width and it’s the content above that’s narrower than the site container width:
    https://www.screencast.com/t/ctgicYuOm

    I would recommend checking with the page builder’s support if you are unable to figure out how to make them the same width.

    #1362502
    David

    Thanks Leo, appreciate the assistance. Have a great day.

    Regards
    David

    #1362626
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

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