How can I center a button in a custom liquid section?


Need help with coding. I created custom liquid section. A button that is linked to a page. Everything works but how do I move the button to the center of page?

i set the ‘Get a Quote’ button on every page. I dont know how to center it. i’ve watched a lot of youtube videos but couldnt find any videos that showed coding regarding this issue.

Hi @Dowell775 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

thank you

Hi @Dowell775 ,

Go to Assets > base.css and paste this at the bottom of the file:

#shopify-section-template--16170719412481__bad403ad-374b-4617-9421-b8a900750531 {
  text-align: center;
}

Hope it helps!

1 Like

Thank you, it’s perfect.

What code would I input for all the pages to have the same change? Only the collection page changed.

Hi @Dowell775 ,

If you want to change for all, when you add code for ‘Custom Liquid’ section you just need to add following code at the bottom it will work fine. Refer:

Code:


If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

2 Likes

Thank you!!!

worked perfect :ok_hand:

1 Like