How can I move position of button on slideshow?

[crescenthu]

Hi!
How can I position the buttons on my homepage slide show to where it is on the screenshot?

I've tried using the content alignment function but it wasn't really where I wanted it to be.
Thanks in advance!
https://zq2pbf-di.myshopify.com/
Pw: theaba

[The_ScriptFlow · Accepted solution]

Please paste the following code in the end of base.css file.

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient.slideshow__text--center.slideshow__text-mobile--center {
    transform: translate(174%, 170%) !important;
}

here is how you can find the base.css file.

Go to Shopify Admin >> Online Store >> themes >> Edit Code >> base.css file. Go to the end of this file and paste the provided code.

Thanks

[loptimisator]

Hi there,

You can position the buttons like in your screenshot by adding this CSS to your section:

.slideshow__controls.slider-buttons {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: none;
}

Edit: Read too quickly, thought you wanted to move the Previous/Next buttons. My bad!

Glad @The_ScriptFlow came up with the right solution 🙂

Cheers!

[The_ScriptFlow]

I am glad tat it helps you.

If this was helpful please don't forget to Buy me a Coffee