-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Button alignment issue after update 13.7.2 #42720
Comments
Originally reported here: https://wordpress.org/support/topic/button-alignment-issue-after-update-13-7-2/ Testing as I understand it. Please adjust @Johanwalter WordPress 6.0.1
I assume there are some steps that I am missing so I need you to write a step by step test instructions so that I can figure out what is going on. |
You did testing right On an other website with same template and WP + Gutenberg version, I had issue on stagging website when updating from 13.6 to 13.7 I have noticed this issue only from 13.7 and it happens just after update and not on all websites, no issue before 13.6 Which modification have been made on button block between 13.6 and 13.7 ? |
@Johanwalter Please can you try the same thing on a test site with another Theme installed? For example Twenty Twenty Two. Also it's highly likely that this is a Plugin related Issue so I would also try (in a test environment) disabling Plugins and renabling one by one to identify the culprit. |
Issue happened right after update from 13.6 to 13.7.2, no issue while on 13.6 so issue is from Gutenberg update |
What is sometimes difficult is that different sites with the same setup can behave differently. |
I was not able to replicate the issue with: WordPress 6.0.1 @Johanwalter Are you able to replicate the issue with the same settings above? |
No I cannot replicate the issue. Not sure if can be the cause -- |
@Johanwalter Thanks for re-testing and letting us know that you cannot replicate the issue. Since it's not a theme-specific issue, I'm going to go ahead and close this out, but you're welcome to post in the WordPress.org support forums if you'd like further help with troubleshooting. |
Description
After update Gutenberg to 13.7.2, button alignment on front end does not work
It is different than back end
Step-by-step reproduction instructions
On front end buttons are always aligned left and cannot be changed whatever is settings on back end
On back end alignment is correct, center and change if we modify settings
FRONT END https://ibb.co/5TWTH42
BACK END https://ibb.co/FYP3dJp
FRONT END https://ibb.co/BKXxd2r
BACK END https://ibb.co/y8w36qN
Buttons alignment were correct before update on 13.6.0
have managed to fix issue with the following custom css
[class*=wp-block-] [class*=wp-block-] {
text-align:center;
}
This CSS applies to all buttons, by chance all my button are centered.
I have updated this morning 13.7.3 it didn’t change anything
I have a stagging website that I always update before updating prod website, issue didn’t happen on stagging website, only on prod website.
I have an other website with same template, issue didn’t happen on this website (prod or stagging) but issue did happen on this other website on stagging website when updating Gutenberg 13.7.0. I edited page, saved page and it solved issue.
That’s first thing I have tried yesterday but it didn’t work.
I have also tried to place !important after align-items in .wp-block-buttons.wp-container-1, it didn’t work. It is like button block is “frozen” on front end and does not accept any css change.
.wp-block-buttons.wp-container-1 {
align-items: center !important;
}
Screenshots, screen recording, code snippet
No response
Environment info
Wordpress 6.0.1
Gutenberg Version 13.7.3
Issue is on all browser
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes
The text was updated successfully, but these errors were encountered: