Moving Headings in Slideshow to the bottom Prestige

Store Design
1

Good day to everyone,

I am trying to move the headings in the slideshow to the bottom of the page and i can;t figure out what css to add

Can someone also help with decreasing the distance between the two ?? just by 10px

This is my slide now:

Before.png
Before.png1714×538 97.5 KB

This is the desired result:

After.png
After.png1690×538 245 KB

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

1 Like
2

@NZA

Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.Slideshow__Content--bottomCenter, .Slideshow__Content--bottomLeft, .Slideshow__Content--bottomRight {
    bottom: 20px !important;
}

Thanks!

1 Like
3

Hello @NZA

Go to Online Store-> Theme->Edit code then go to assets/theme.css ->paste the below code at the bottom of the file.

I have also reduced gap between main heading and subheading, as per your desired screenshot.

.Slideshow__Content--bottomCenter, .Slideshow__Content--bottomLeft, .Slideshow__Content--bottomRight {
    bottom: 30px !important;}
.Slideshow__Content header.SectionHeader h2 {
    line-height: 1;
}

Thanks, Hope this helps

1 Like