Moving Headings in Slideshow to the bottom Prestige

Solved
NZA
Pathfinder
122 12 33

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

This is the desired result:

After.png

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

Password: stoyol

Thank you very much in advance!

dmwwebartisan
Shopify Partner
9185 2127 2899

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Anthony_David_
Trailblazer
229 29 87

This is an accepted solution.

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

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05