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

Store Design
1

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

2

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

.slideshow__text-wrapper.banner__content.banner__content--middle-left.page-width.banner--desktop-transparent { padding-top: 0 !important; margin-top: -90px; }

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

RichardNguyen_0-1666312977662.png
RichardNguyen_0-1666312977662.png654×448 86.4 KB

Hope that my solution works for you.

Best regards,

Richard | PageFly

3

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

4

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;
}

5

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

6

Solution was to add your code to base.css instead. Thanks :grinning_face: