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/

[JimmyPea]

password ‘selig’

[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

[BSS-TekLabs]

• 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]

will this code confuse matters:

[BSSCommerce-HDL]

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

[JimmyPea]

Perfect, thank you very much