Move Slideshow Header text to the bottom of the image

[JimmyPea]

The header text within the slideshow is too high up, I need to sit closer to the bottom of the image. Using Studio theme. 

[BSSCommerce-HDL]

Hi @JimmyPea, Can you kindly share your store link with us? We will check it and suggest you a solution if possible

[JimmyPea]

https://clairelangley.myshopify.com/

[BSSCommerce-HDL]

Hi @JimmyPea, Currently your store is password protected

[JimmyPea]

Selig is the password

[BSSCommerce-HDL]

Hi @JimmyPea, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

.slideshow__text-wrapper.banner__content {
    padding: 0 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[JimmyPea]

will this code confuse matters:

[BSSCommerce-HDL]

Hi @JimmyPea, That code has no effect on the problem at hand 

[JimmyPea]

password 'selig'

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @JimmyPea 
- Please follow these steps:

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (min-width: 750px) {
    .slideshow__text-wrapper.banner__content {
        padding: 0 !important;
    }
.banner--desktop-transparent .banner__box{
 padding: 2rem 0 !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[JimmyPea]

Perfect, thank you very much