-
Hi.
I’m having issues with a 5-column widget positioned above the footer. It used to be centred, but now it’s aligned to the left for reasons I don’t understand, and I can’t fix it without forcing the layout in CSS and breaking the responsive design. I understand this is a pending fix by GeneratePress, not something we users should have to patch ourselves, as nothing has changed on the website and this isn’t the first incompatibility with Elementor we’ve encountered (for example, the smooth scroll-up button). Please, don’t redirect me to other topics as I’ve already checked everything, thank you.
When is this issue expected to be fixed?
Many thanks and best regards.GeneratePress Version: 3.6.1
GPPremium Version 2.5.5
GenerateBlocks not installed
Elementor Version 4.0.1 -
Hi there,
Can you show me the page with the issue?
-
Hi.
I’m sending you a page as an example, but this issue affects all the pages where I’m using the widgets. -
Are you referring to the section highlighted?
https://app.screencast.com/bGwdB5qfsNRkyIf so, it looks centred to me. Am I missing anything?
Let me know 🙂
-
Hi, Ying.
As I mentioned in my first message, I’m referring to the widget above the footer. In the link you sent me, it appears left-aligned even though the instructions say it should be centred. -
I see, you mean the footer widgets.
You are using WP columns block for that section, which we don’t have control over, unfortunately.
If you can re-build the section using the GenerateBlocks plugin’s Grid block, we can help with that.
-
That section was built 3–4 years ago and used to work fine and was centred, so if it was working fine until recently, following one of the updates, and it was built using the ‘Appearance’ section in GeneratePress and nothing has been changed, why has it stopped being centred?
-
Alvind
Hi there,
In Customize > Additional CSS, you currently have this:
.site-footer .footer-widgets-container .inner-padding { padding: 0 0 0 0; /*display: flex !important; flex-wrap: wrap !important; justify-content: center !important;*/ }The
display,flex-wrap, andjustify-contentlines are currently commented out. Please uncomment those lines so they can take effect. That will fix the issue. -
Hi, Alvind.
Thank you for your quick reply.
I know that CSS fixes the problem, but my question is whether GeneratePress will resolve these issues so that we users don’t have to keep fixing them with CSS, PHP and other workarounds every time incompatibilities arise with other plugins or WordPress updates.
I manage a few websites, all using GeneratePress, and the same thing has happened on all those that include widgets. I can’t keep patching them all. Will a permanent solution be found for this?
Thank you in advance for your answer.
-
Alvind
Hi Lexa,
I understand the frustration – things that used to work shouldn’t just break on their own. However, this issue is actually caused by a WordPress core update, not by GeneratePress.
Here’s what happened in simple terms: your footer widget area uses a WordPress Columns block to display those 5 columns (the two logos on the sides, plus navigation, contact, and legal info in the middle). A while back, WordPress changed the way this Columns block handles its internal layout. The old behavior naturally spread the columns evenly across the full width, which kept everything centred. The new behavior (introduced around WordPress 6.1) no longer does that – it lets each column just be as wide as its content and aligns them to the left by default.
So the change came from WordPress itself, not from GeneratePress. This type of issue is completely outside of GeneratePress’s control – and it would affect any other WordPress theme in the same way, since it’s the WordPress block system itself that changed how columns are laid out. There is unfortunately nothing in GeneratePress (or any theme) that can “patch” this, because the layout is being handled entirely by WordPress core. The fix needs to happen where the problem lives: in the Columns block settings themselves.
The simplest fix:
Instead of editing CSS, you can fix this directly from the Widget editor:
1. Go to Appearance > Widgets in your WordPress dashboard.
2. Find your footer widget area and click on the Columns block.
3. In the block settings panel on the right, look for the Layout section.
4. Set the Justification to “Center” (the centre-align icon).
5. Also make sure each column has an equal width set (e.g., 20% each for 5 columns) – you can do this by clicking on each individual column and setting its width in the block settings.
6. Save.This tells WordPress to centre the columns within the available space and give each column a fair share of the width, which is what it used to do automatically before the update.
If you’d rather not touch the block settings, the CSS fix that I mentioned (uncommenting those three lines in your Additional CSS) will achieve the same result and won’t break your responsive layout – it simply tells the widget wrapper to centre whatever is inside it.
Hope that helps clarify things!
-
Hi, Alvind.
The columns are already set to center. I’ve tried everything, the alignment first, of course, and the only thing that centres the columns is those lines of CSS, which I commented out so you could see what I meant when I said they suddenly became left-aligned. In any case, if the problem isn’t with GeneratePress, I’ll mention it directly to WordPress support.
Thanks for the replies and have a good weekend.
- You must be logged in to reply to this topic.