How to move text on slideshow images higher up? (crave theme)

[grindlery]

I want to move the text on my slideshow/carousel images higher up. Currently there is too much empty space between the header bar and text on slideshow images.

See my site: www.kawa.mx

[PageFly-Richard]

Hi @grindlery 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

<style>

.slideshow__text-wrapper.banner__content.banner__content--middle-left.page-width.banner--desktop-transparent {

    padding-top: 0 !important;

    margin-top: -90px;

}

</style>

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

Hope that my solution works for you.

Best regards,

Richard | PageFly

[grindlery]

Thank you, that works but only for my second slideshow image. How do I apply same settings for the first image too?

[PageFly-Richard · Accepted solution]

Please try with this code:
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-accent-1.slideshow__text--left.slideshow__text-mobile--left {
padding-top: 0 !important;
margin-top: -40px;
}

[grindlery]

Hello there. Following up on your previous solution. It feels like its a bit lazy code. Upon loading the page, the text is where it is initially was without your solution and then only after about a second, it moves up. there is a messy lag. Do you have a better solution? Check my site, kawa.mx 

[grindlery]

Solution was to add your code to base.css instead.  Thanks 😀