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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024