Re: Slideshow content/text alignment - change to bottom center

Solved

Slideshow content/text alignment - change to bottom center

r-Al
New Member
8 0 0

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

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1785 3103

This is an accepted solution.

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 </head> element

<style>

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

    align-items: end !important;

}

</style>




Best Regards;

PageFly

 

View solution in original post

Replies 13 (13)

SmallTask
Shopify Partner
973 41 55

Hi @r-Al,

 

Can you share your store URL?

banned
r-Al
New Member
8 0 0

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

SmallTask
Shopify Partner
973 41 55

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

banned
r-Al
New Member
8 0 0

Hi again,

Sent you an email!

Attaching the theme.css in a text file here.

Let me know if it works like this!

/A

r-Al
New Member
8 0 0

PageFly-Victor
Shopify Partner
7865 1785 3103

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

    align-items: end !important;

}

r-Al
New Member
8 0 0

Hi @PageFly-Victor 

Thanks! Where do I paste the code?

/A

PageFly-Victor
Shopify Partner
7865 1785 3103

This is an accepted solution.

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 </head> element

<style>

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

    align-items: end !important;

}

</style>




Best Regards;

PageFly

 

r-Al
New Member
8 0 0

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

PageFly-Victor
Shopify Partner
7865 1785 3103

you are welcome, I glad when can help you

r-Al
New Member
8 0 0

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

PageFly-Victor
Shopify Partner
7865 1785 3103

you can replace it by 

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

r-Al
New Member
8 0 0

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