Woo Blocks button alignment center

Inspecting it in Chrome, it says : justifying-content:center does not work because it is set on “display:block

Howdy @vanvlietwebdesign

Thank you for reaching out about the difficulty in aligning the button in the Featured Category block, found at the page at https://gebruiktehoutkachel.nl/.

As I understand, the issue is showcased in the screenshot linked here, where the red button is aligned to the left. Correct?

I went ahead with testing this, with a test installation of mine, and the button was aligned as expected upon inserting it on a page. A screenshot, showcasing this, can be found linked here.

Just to clarify, are you noticing the reported alignment issue upon inserting the block at first, or otherwise?

Looking forward to your response. Thank you. ??

• This reply was modified 1 year, 9 months ago by anastas10s. Reason: added "Thank you. ??"

Pepe,
Thanks for responding. Really great that it works fine on your test enviroment. I am happy for you ??

The two top category blocks with stoves i inserted not long ago.
The featured product with spraycans i inserted over a year ago.

I noticed when i was inserting the new ones. But it looks like it used t be ok (i know for sure) and then suddenly changed.

If you need anything let me know

Hi @vanvlietwebdesign ,

• It is not another plugin causing it
• it is not my own CSS causing it

Please clarify that you have performed a full conflict test, by disabling all plugins at once, except for WooCommerce, as well as temporarily disabling any custom code on your site (including CSS), and then checking to see if the issue persists? If not, please can you do this as a next step as this is generally caused by a plugin/theme conflict.

If you have done the above and the issue persists then in order to get a better understanding of your sites current environment, please can your share the following:

• System Status Report: navigate to?WooCommerce?→?Status. Select?Get system report?and then?Copy for support.
• Fatal Error log: Share a copy of any fatal error log found under?WooCommerce?→?Status?→?Logs.

Once you have these, please share them in your response here.

Cheers!

I did a full conflict test, and removed al custom CSS / PHP

The problem is solved soon as i switch form our storefront theme too a default wordpress theme.
So it looks like when all is stripped down Storefront is causing the problem.

I rather not paste a status rapoort here, since it displays vulnarable information if you ask me. Though, there was nothing special to see there anyway. Nothin weird.

No fatal error logs where find either.

Hi @vanvlietwebdesign ,

The System Status report provides helpful information on your sites current environment that can help us pinpoint what may be causing this behavior.

If you have any sensitive information within there, you can redact this prior to sharing, if you prefer.

This being said, much like @anastas10s, I am unable to replicate this issue on my test site, as the buttons display center aligned when adding a Featured category block, as seen in the screenshot below:

Kindly note that my testing site has the following:

• Storefront theme version 4.2.0 (latest version)
• WooCommerce version 7.3.0 (latest version)
• WordPress version 6.1.1 (latest version)

Please can you ensure that your site is updated with the latest version of WordPress and WooCommerce to ensure that your site obtains optimal functionality.

Let us know!

Hi @vanvlietwebdesign ,

We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Cheers!

You havent heard from me 8 days.

please unmark it. It is not resolved.

Hi there @vanvlietwebdesign

Thank you for reaching back. Could you to provide some further information on the current status of your WooCommerce instance, please?

Both my colleague and I are not able to replicate the issue and, I am afraid, without further information on this from your end, there is not much else we can try, while troubleshooting the issue at your instance.

Thank you. ??

Fixed the problem with CSS Flex center, but coulnd’t find where the original problem started.