How can I center the button on my home page image banner?

[epoll24]

I’d like to center the button on my image banner on my home page. I currently don’t have a button enabled because it always displays in a weird location. See below image for example. My website is pulsedevice.com

Thanks in advance!

[ZestardTech]

Hello there,

You can add button link.

[epoll24]

When I add a button link it’s still not centered.

[ZestardTech]

Hello @epoll24 ,

I can’t see button

After adding a button, you can share a preview link with me

[epoll24]

I can’t seem to send you a previewed button without making it live on the website, which I’d prefer not to do. The website is dawn theme and what it would look like with the button are in the attached screenshots in my previous posts. Sorry if that’s not helpful

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

@media screen and (min-width: 767px){
    .banner__content.banner__content--bottom-left {
        justify-content: center;
    }
    .banner__content.banner__content--bottom-left .banner__box.content-container {
        text-align: center;
    }
}

[epoll24]

Unfortunately this did not work. It moved it slightly to the right but it’s still very far off center.