Slideshow content/text alignment - change to bottom center

Technical Q&A
1

Hi all,

I’de like to change the content/text allignment to the center bottom of the slideshow. I have all the other alternatives available but not specifically that one (see attached).

Can I add/change it with some additional code?

Thanks!!

/A

Screenshot 2022-09-19 at 10.07.48.png
Screenshot 2022-09-19 at 10.07.48.png3686×2330 995 KB

2

Hi @r-Al ,

Can you share your store URL?

3

HI @SmallTask

Thanks for the reply! Can I do screengrabs of the relevant pages/codes?

I’d rather not have the url posted here since it’ll archived and open to everyone.

/A

4

We need your store url. Otherwise, we can’t check the code to provide you with the solution.

5

Hi again,

Sent you an email!

Attaching the theme.css in a text file here.

Let me know if it works like this!

/A

6

Hi @SmallTask

Here’s a link

https://31wm4ugqs7npxbo1-52446134441.shopifypreview.com

7

#shopify-section-template–15845201215657__slideshow .slide-inner .container >.row{

align-items: end !important;

}

8

Hi @PageFly-Victor

Thanks! Where do I paste the code?

/A

9

Hi @R-Al

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store->Theme->Edit code theme.liquid paste my code after element

#shopify-section-template--15845201215657__slideshow .slide-inner .container >.row{ align-items: end !important; }

Best Regards;

PageFly

10

Thanks a lot @PageFly-Victor . Worked like a charm!

11

you are welcome, I glad when can help you

12

Hi @PageFly-Victor

The theme developers edited the code a bit as an update and the code snippet stopped working for some reason. Can you see if it’s still valid??

https://qc8vh0c5hek1tiqo-52446134441.shopifypreview.com

Thanks a lot!

/A

13

you can replace it by

#shopify-section-template--15891690717353__slideshow .slide-inner .container >.row{ align-items: end !important; }
14

Hi @PageFly-Victor

Thank you! I tried it. It works on Firefox, but in Safari the text jumps to the top of the slide for some reason.

/A

15

Hi bro,

I’m working on customizing my Shopify store: https://purrfect-day.com, and I need a bit of help with adjusting the header/navigation bar. I’m using a standard theme and trying to implement the following changes through custom code:

Make the navigation bar transparent on the homepage, so that it overlays nicely on top of the banner image.

Adjust the font size of the navigation menu items, for both desktop and mobile views.

I’ve looked through the theme settings but couldn’t find a straightforward option for these changes. If anyone can point me in the right direction or provide some custom CSS/Liquid code snippets, I’d really appreciate it!

Thanks in advance!