Home › Forums › Support › Image(and bottom-border) on Top Row of the Homepage don’t match content-width
- This topic has 5 replies, 2 voices, and was last updated 3 years, 8 months ago by Leo.
-
AuthorPosts
-
July 12, 2020 at 1:18 am #1360642David
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
DavidJuly 12, 2020 at 9:59 am #1361095LeoStaffCustomer SupportHi 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-1I 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 ๐
July 13, 2020 at 2:03 am #1361626DavidHi 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
Davidps- 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.
July 13, 2020 at 8:58 am #1362179LeoStaffCustomer SupportThe 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/ctgicYuOmI would recommend checking with the page builder’s support if you are unable to figure out how to make them the same width.
July 13, 2020 at 3:13 pm #1362502DavidThanks Leo, appreciate the assistance. Have a great day.
Regards
DavidJuly 13, 2020 at 8:42 pm #1362626LeoStaffCustomer SupportNo problem ๐
-
AuthorPosts
- You must be logged in to reply to this topic.