How to centre custom liquid buttons

Store Design
, ,
1

Screenshot 2025-09-11 143238
Screenshot 2025-09-11 1432381899×246 10.1 KB

Hi there, can someone help with how I centre these button I have in a custom liquid please?

2

Hey @Sharyn2 ,

I’d be happy to help you center the buttons in your custom liquid section. You can easily center them by applying some CSS to the container holding the buttons. For example:

.your-button-container {
  text-align: center;
}

You just need to replace .your-button-container with the actual class or ID of the container wrapping the buttons.

If you could share your store URL with me, it would be much easier for me to inspect the structure and give you the exact solution tailored to your site. Let me know, and I’ll assist you further!

thanks!

Rajat | Shopify Expert

3

The code can be very different depending on how these are done and your theme.
Share a preview link to the page in question…

5

Could you share your custom liquid code or wrap your code in this and check again?

<div style="display: flex; align-items: center; text-align: center;">
// your code goes here
</div>

Best regards,

Dan from Ryviu: Reviews & QA

6

@Sharyn2 can you please share your website URL?

7

Hi @Sharyn2,

Can you share your store URL along with the store password? That way, I can easily tell you exactly how to do it with the correct class.

Thanks!