Center button and adjust padding

Store Design
1

I’m working on a section on my homepage and no matter what I do, I can’t get the button to move. I want to center it, and I want to add a 50px margin to the top but that’s not working either. This is what I want it to look like:

Screenshot 2024-11-19 174406.png
Screenshot 2024-11-19 174406.png2016×969 227 KB

Site: https://maison-rouge-ny.myshopify.com/

PW: thifis

2

Hi @jasminsharp97

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.image-with-text-halves.image-with-text-halves--no-overlap.isolate .image-with-text-halves__text-item.grid__item > .image-with-text-halves__content > a.button {
    margin-top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

Here is the result: https://prnt.sc/1bIWd8HlU3U_

I hope this helps

Best,

Daisy