How can I adjust the button size on my homepage?

Store Design
1

Hello,

I am trying to switch the button size on my homepage that allows customers to shop. I am using the Craft theme and my website URL is:

BraveHornATX.com

Thank you for anyone who can help!

1 Like
2

@JAGJewelry

do you have like this?

KetanKumar_0-1652155249841.png
KetanKumar_0-1652155249841.png1920×1080 812 KB

3

Yes, I would like to change the size of that and move it down to the bottom of the picture.

1 Like
4

Please add below css in bottom of assets/base.css file

.banner__box {
display: flex;
justify-content: center;
align-items: flex-end;
height: 100%;

}
.banner__buttons .button {
padding: 2rem 4rem ;
}
Thank you.

5

@JAGJewelry

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.
.banner__content.banner__content--middle-center {align-items: flex-end;}
6

@JAGJewelry , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or base.css and paste this at the bottom of the file:
[class] .banner__content{
    align-items: flex-end;
}

Kind regards,
Diego