FROM CACHE - en_header

Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

I have added a CTA button on my welcoming slideshow but now want to move it, how would I do this?

SwiftyAir
Excursionist
13 0 1

I have added a CTA button but now want to move it, how would I do this?

Replies 7 (7)
LamQSolutions
Shopify Partner
131 30 44

Hi,

Could you provide your store URL and tell us new position of the CTA button?

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling - Create scroll-based animations visually.
Ultimate Sections - Slideshow, Gallery, Collection, FAQs, Brand, Info box, Testimonial and more
SwiftyAir
Excursionist
13 0 1

The store is www.swiftyair.com and the position is in the bottom left rn but I want it sorta a bit to the right and middle of the slide 

LamQSolutions
Shopify Partner
131 30 44

To do it, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

 

.template-index .hero-content__controls {
    justify-content: center !important;
    margin-left: 100px !important;
}

 

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling - Create scroll-based animations visually.
Ultimate Sections - Slideshow, Gallery, Collection, FAQs, Brand, Info box, Testimonial and more
SwiftyAir
Excursionist
13 0 1

I have added this but its at the bottom of the page still. How would I move it it up

SwiftyAir
Excursionist
13 0 1

Also the text doesnt go with the button now I have moved it accross

LamQSolutions
Shopify Partner
131 30 44

Hi,

Could you try the following code

.template-index .hero-content-active {
  position: static;
}

.template-index .hero-content-active .hero-content__controls {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0px, -50%);
  justify-content: flex-end;
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling - Create scroll-based animations visually.
Ultimate Sections - Slideshow, Gallery, Collection, FAQs, Brand, Info box, Testimonial and more
SwiftyAir
Excursionist
13 0 1