Solved

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

grindlery
Excursionist
36 0 5

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

Accepted Solution (1)
PageFly-Richard
Shopify Partner
4322 980 1639

This is an 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;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

PageFly-Richard
Shopify Partner
4322 980 1639

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

RichardNguyen_0-1666312977662.png

 

Hope that my solution works for you.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

grindlery
Excursionist
36 0 5

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

PageFly-Richard
Shopify Partner
4322 980 1639

This is an 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;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

grindlery
Excursionist
36 0 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 

grindlery
Excursionist
36 0 5

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