Center button and adjust padding

[jasminsharp97]

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:

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

PW: thifis

[DaisyVo · Accepted solution]

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