Why is the text not centred on any of my buttons on new theme?

[varrolondon]

how can i centre the text on all the buttons on my shopify theme. I can't find a solution anywhere.

[niraj_patel · Accepted solution]

Hello @varrolondon 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.button {
text-align: center !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}

</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BrainStation23]

Hello @varrolondon 

You can follow these step to achieve you're result

 Go to Online Store -> Theme -> Edit code->theme.liquid file

 Paste the below code before </body> on theme.liquid

<style>
 .button {
   display: flex !important;
   text-align: center !important;
   justify-content: center !important;
   align-items: center !important;
 }
</style>