Archived topic
Image(and bottom-border) on Top Row of the Homepage don't match content-width
5 replies · Started by David on July 12, 2020
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
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 :)
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.
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.
Thanks Leo, appreciate the assistance. Have a great day.
Regards
David
No problem :)
