This thread is resolved. Here is a description of the problem and solution.
Problem:
The user is unable to center the "Add to cart button" block in the products archive(shop page).
Solution:
This is a known issue and will be fixed in the upcoming releases. In the meantime, use a custom CSS code to center the button:
.wp-block-woocommerce-views-add-to-cart.wooviews-add-to-cart {
text-align: center;
}
Relevant Documentation:
https://toolset.com/errata/add-to-cart-button-block-alignment-does-not-work-in-product-archive-or-in-views/
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - | - | 9:00 – 13:00 |
| 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - | - | 14:00 – 18:00 |
Supporter timezone: Africa/Casablanca (GMT+01:00)
This topic contains 4 replies, has 2 voices.
Last updated by 3 years, 10 months ago.
Assisted by: Jamal.
I am trying to:
use the Toolset Woocommerce Add to Cart button and center it in a Toolset container in the archive loop
Link to a page where the issue can be seen:
see uploaded local images
I expected to see:
centered cart button
Instead, I got:
left aligned
Thanks Jamal, I realize CSS will solve the issue and I have done that. However, I do wish the Add to Cart button would behave nicely like the Toolset Button block which as you know has a lovely alignment option for the button (see screenshot).
The other screenshot shows the alignment option for the Toolset Add to Cart button which confusingly is placed on the Gutenberg tool area as shown in the screenshot. Those alignment options do not seem to work for me despite trying several times to see if they were somehow stuck.
So currently CSS is the only answer for the Add to Cart. Perhaps you could forward my request to the devs to address this alignment issue similar to how it is so nicely done on the Button Block?
Many thanks.
