Boundless Slider Button Moved to Center/Bottom

Store Design
1

Hey, I am looking to see if anyone can help me with some CSS to place the Slider Button down lower to just above the slider dots, but…only for the Slide 1, Slide 2, Slide 3. Out of the total 5 slides, the last 2 would remain in the center as default.

Center/Bottom Button Placement I am looking for.
Center/Bottom Button Placement I am looking for.3840×2160 557 KB

I also had another request, to see if there is any way to make the ‘Image with Text’ have the option for ‘Center Alignment’ as by default these only offer ‘Left’ OR ‘Right’

StupendiumSlide copy.jpg
StupendiumSlide copy.jpg3840×2160 303 KB

Any assitance would be greatly appreciated!

2

Hello @Freshwun ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

3

@Freshwun

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

https://fanfiber.com

5

Please send me store URL.

6

@Freshwun

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.hero__content-wrapper {top:  auto; bottom: 100px;}
7

This was the answer to my question for slider 1, slider 2 & slider 3.

Is there anything else i can add to the code to keep slide 4 & slide 5 to remain in the center as they were originally?

I really appreciate the speedy reply! :slightly_smiling_face: