Shopify themes, liquid, logos, and UX
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
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 */
}
}
Thankyou!, however I can't seem to move the CTA button to the left even when I try to change the number.
.hero__text-wrapper {
margin-left: 5px; /* try this by changing this number */
}
It moved slightly to the left, but it won't go any further to the left even when I change the number.
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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024