How to adjust button label position? Debut theme

Store Design
1

Hi,

I have been trying different codes but couldn’t move the default button label.

Its currently on the middle of the banner and I would like to shift it to the bottom center instead as it’s covering my banner image.

Im currently using the Debut theme

Website: www.snowysnow.co

please advise

Thank you!!

2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3

@cherysr

please share screenshot what do you want!

Thanks!

4

Hi, I will like to shift all the center button down to bottom center. Please help thanks!

@dmwwebartisan @ZestardTech

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.hero__inner .page-width.text-center .hero__btn {
margin-top: 44%!important;
}
6

@cherysr

Please add the following code at the bottom of your assets/theme.css file.

.hero__inner {
    vertical-align: bottom !important;
    padding: 10px 0 !important;
}

Thanks!

7

Thank you!! It works perfectly!

Have a great day!

8

Kindly feel free to get back to me if you need any further assistance Thanks!

9

I went to the image banner page, scrolled down to the “desktop content position” tab and clicked the two little arrows by it. Once there you should see a bunch of options for positions so that you can change and see which one you like best. Hope this helps!