Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
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
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Thank you, that works but only for my second slideshow image. How do I apply same settings for the first image too?
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
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
Solution was to add your code to base.css instead. Thanks 😀
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025