How can I center my 'Buy Now' button within a section?

Store Design
1

Hello,

I am trying to center my “Buy Now” button within the section. What do I need to do in order to get my button centered?

Thanks

Screen Shot 2022-10-11 at 10.35.38 AM.png
Screen Shot 2022-10-11 at 10.35.38 AM.png2756×754 199 KB

2

HI @GildedSocial

Can you share with me the page url

3

https://www.carmellaandrose.com/

4

Currently, it is on the right side.

download (13).png
download (13).png1836×606 137 KB

5

That is how it is now yes. I want to add the button below and in the center. I am working off a copy of the live site.

The code for my button is:

<a href="[https://www.carmellaandrose.com/products/the-carmella](https://www.carmellaandrose.com/products/the-carmella)" BUY NOW
6

On the center of all columns or an individual one?

7

I removed the button on the side and added it underneath the columns. I want the button to be centered now.

Screen Shot 2022-10-11 at 12.11.20 PM.png
Screen Shot 2022-10-11 at 12.11.20 PM.png2062×899 191 KB

8

Please share the link to the preview copy on which you are working.

download (14).png
download (14).png1899×790 67.2 KB

9

https://icforr7zaqy673lg-64501874901.shopifypreview.com

10

Hi @GildedSocial ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
.comparison-section .primary-btn{
  margin: 0 auto !important;
}