Centered buttons aligning left
-
All buttons are aligning left, even though “.aligncenter” is selected and in the button code.
Please see all the orange “Read More” buttons on the page.
The page I need help with: [log in to see the link]
-
Hey @zagood,
We’re aware of this issue and we’ve already fixed it in development and it should be released in the coming week. Sorry for the issue.
If you want I can give you CSS to fix it until the fix is released. Let me know. 🙂
Thanks, we’ll wait until the new release.
Any timeline on when the new release will be added?
Hi,
After being in touch with the great support of Themeisle, we found a temporary solution for re-aligning the buttons with this custom CSS:
.wp-block-themeisle-blocks-button {
width: 100%!important;
}Simple, but it works for us for now!
@zagood Just a few hours. I’ll be preparing the release tonight most likely.
I’ve updated the website with the new plugin version, but still seeing the same issue with the buttons not being centered.
@zagood Is it also happening with new posts? If new posts are working just fine then please navigate to Settings > Otter, and click on the Regenerate CSS button.
Let me know how it goes.
New posts work fine.
Regenerating CSS does not work.
This works:
- Click on button in editor
- Click “Change Block Type or Style”
- Under “Transfer To” select “Buttons”
- “Change Content Justification” to “Justify Center”
- Update post
This is a pretty annoying process, any other way you can think of to fix these quickly?
-
This reply was modified 5 years, 2 months ago by
zagood.
@zagood That shouldn’t happen. Can you make sure:
– You remove any CSS you added to fix it before the release.
– Flush your CSS cache and modification to make sure old CSS isn’t loaded.We tested and it works fine for us. If that doesn’t work, can you give us link to one such page?
Thank you!
Here is the page where it is not working: https://homeviable.com/
No CSS was added to fix it.
I have flushed all caches multiple times.
I have rebuilt the Otter CSS multiple times.
I think the issue is that the way you are handling buttons is different – there is now another segment added around the button.
New: <div class=”wp-block-buttons is-content-justification-center”>
If I add that container around the old div, it works:
<div class=”wp-block-buttons is-content-justification-center”><div class=”wp-block-button aligncenter”>Read More</div></div>
@zagood As I see, all the buttons on the homepage are WordPress’ own Core Blocks and not from our plugin. Did you transform all of them?
It looks like the solution is going to have to be transforming those blocks. Thank you for your time.
Hey @zagood,
We figured out what was causing it for some users and we’ve released a fix last night. Sorry for not figuring it out earlier. 🙁
The topic ‘Centered buttons aligning left’ is closed to new replies.