- This topic has 12 replies, 4 voices, and was last updated 2 years, 4 months ago by Elvin.
-
AuthorPosts
-
November 21, 2021 at 12:36 pm #2013669danhotchkiss
I can’t figure this out!
All of a sudden, my home page (and no other) is left of center! I can’t see any difference between it and any other page that could cauae this.
This happened when I was working on getting the Footer widgets centered relative to the body of the page. Good news: the footer is now centered on the home page. Bad news: it’s off-center withe the header and all my other pages!
Hope you can help.
Many thanks,
DanNovember 21, 2021 at 12:42 pm #2013674LeoStaffCustomer SupportHi there,
The link you’ve provided doesn’t work for me.
Can you confirm?
November 21, 2021 at 12:49 pm #2013678danhotchkissSorry. I’ve been experiencing frequent outages at GoDaddy. Try this.
November 21, 2021 at 1:08 pm #2013696YingStaffCustomer SupportHi Daniel,
You have this CSS which is causing the issue:
#content { max-width:1250px; }
Can you remove the CSS and use a layout element instead?
https://docs.generatepress.com/article/layout-element-overview/#content-1You can set the container width within a layout element.
Let me know if this helps π
November 21, 2021 at 2:13 pm #2013744danhotchkissThank you very much Ying – Each time you help, I try to retrace your steps so someday I will be smart too!
Now – do you have any idea why my footer widgets are off-center with the rest of the page?
Best wishes.
DanNovember 21, 2021 at 2:44 pm #2013766YingStaffCustomer SupportNow β do you have any idea why my footer widgets are off-center with the rest of the page?
Try set the image block in the footer widget (right side) to
align center
.Let me know if this works π
November 21, 2021 at 2:47 pm #2013768danhotchkissAre you thinking I’m using the widget block editor? I’m not, because when I do I get errors. I’ve entered the footer widgets into the classic widget editor.
November 21, 2021 at 2:55 pm #2013775danhotchkissWhen I deactivate the Classic Widgets plugin, The top of the Appearance-Widgets page says: “The “custom_html” block was affected by errors and may not function properly. Check the developer tools for more details.” Individual widgets get other errors, which I can send if that’s helpful.
I would love to use the block editor for widgets – and this situation is a good example. But I have not figured out how to make it work.
Thanks,
DanNovember 21, 2021 at 3:05 pm #2013789YingStaffCustomer SupportLooking at your site, I think you don’t need CSS or a layout element to specify the content width, you can simply change the content container to
1250px
at customizer > layout > container.And for the footer, is the image a image widget? There’s no align option available? I don’t have the legacy widget editor in my install already, can’t recall what it used to look like.. lol..
If you can’t find any align options, then try this CSS:
.footer-widget-3 figure { margin: 0 auto; }
November 21, 2021 at 5:17 pm #2013862danhotchkissThe CSS seems to have worked. As a side effect of this or some other change, though, all of my pages except Home and Calendar (which has its own layout element) are no longer centered on the screen. How do I fix this?
Thanks so much,
DanNovember 21, 2021 at 6:20 pm #2013883ElvinStaffCustomer SupportHi Dan,
Are you trying to make it display like this for all pages?
https://share.getcloudapp.com/p9uNBPROIf so, try this CSS:
.footer-widgets-container { max-width: 2000px; margin: 0 auto; } .footer-widgets-container .widget, .footer-widgets-container .widget > * { text-align: center; margin: 0 auto; }
November 22, 2021 at 8:46 am #2014937danhotchkissThank you, this did the trick.
November 22, 2021 at 4:57 pm #2016477ElvinStaffCustomer SupportNo problem. π
-
AuthorPosts
- You must be logged in to reply to this topic.