How can I center buttons within my theme's content?

Store Design
1

I am attempting to center the buttons within my theme, but I haven’t been able to figure out how. They are currently aligned to the left by default (Image below).

curtsaczalski1_0-1667958752167.png
curtsaczalski1_0-1667958752167.png364×490 37.2 KB

I was able to figure out how to center all the text in my columns, but the buttons don’t seem to want to cooperate. Is there a way to center these buttons with the column or text?

1 Like
2

Hi @curtsaczalski1 ,

Could you share your store URL?

3

@curtsaczalski1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hey Dan,

Here is the url:

https://lab-rat-supplements.myshopify.com/

5

Here is the url:

https://lab-rat-supplements.myshopify.com/

6

Please add below css code in bottom of assets/section-multicolumn.css file

.multicolumn-card__info {
text-align: center;

}
Thank you.

1 Like
7

Go to your Online store > Themes > click 3 dots button > Edit code > Assets > open base.css file, add this code at the bottom and then click Save button

.multicolumn-card__info { text-align: center; }
8

This worked! Thank you!