How can I alter the position and size of my homepage's CTA button?

Store Design
1

Hello. I want to change the position and size of the CTA button on my slideshow on the homepage. What is the coding for me to be able to change these? Thanks

URL: www.zedbottle.com

2

Please place this code at the end of theme.scss

@media screen and (min-width: 769.1px) {
.hero__inner {
    padding-top: 232px; /* Increase or descrease this number to change the position  Vertically*/
}
.hero__text-wrapper {
    padding-left: 38%; /* Increase or descrease this number to change the position Horizontally*/
}
.hero__btn {
    padding: 21px 29px;/* Increase or descrease this number to change the size of button  */
}
}
3

Thankyou!, however I can’t seem to move the CTA button to the left even when I try to change the number.

4 
.hero__text-wrapper {
margin-left: 5px; /* try this by changing this number */
}
5

It moved slightly to the left, but it won’t go any further to the left even when I change the number.

6

Hi @zedbottle ,

You can try my recommendation. Please place this code at the end of the “theme.scss” file.

.hero__text-wrapper {

margin-left: 0px;

display: flex;

justify-content: flex-start;

padding: 0 120px;

}

.hero-index .hero-content {

width: 66.666%;

}

Screenshot to refer: https://prnt.sc/11izmyt

But in this case, I suggest you should upload text info without include in the banner image. Hope to this helps.