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

[SwiftyAir]

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

[LamQSolutions]

Hi,

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

[SwiftyAir]

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]

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;
}

[SwiftyAir]

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

[SwiftyAir]

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

[LamQSolutions]

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;
}

[SwiftyAir]

It moves them but all over the place.