Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Using the refresh theme and wanted to lower this text and button (hard to see the button below the text in the image) any help is appreciated because I can't figure this out on my own 😧
Solved! Go to the solution
This is an accepted solution.
Hey @PietroAriston
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.banner__box.content-container.content-container--full-width-mobile.color-scheme-5.gradient {
padding-bottom: 0 !important;
}
.banner__content.banner__content--bottom-center.page-width.scroll-trigger.animate--slide-in {
padding-bottom: 10px !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
@PietroAriston Please paste below code in the Custom CSS field available for the Slideshow section. Let me know whether it works.
.banner__content {
padding: 2rem !important;
}
.banner__box {
padding-bottom: 0px !important;
}
Result will be like,
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Hey @PietroAriston
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
https://strifedesign.com/
@Vinsinfo @Moeed
There should be no password, here is a screen shot of my admin view
This is an accepted solution.
Hey @PietroAriston
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.banner__box.content-container.content-container--full-width-mobile.color-scheme-5.gradient {
padding-bottom: 0 !important;
}
.banner__content.banner__content--bottom-center.page-width.scroll-trigger.animate--slide-in {
padding-bottom: 10px !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This worked, thank you!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
This is an accepted solution.
@PietroAriston Please paste below code in the Custom CSS field available for the Slideshow section. Let me know whether it works.
.banner__content {
padding: 2rem !important;
}
.banner__box {
padding-bottom: 0px !important;
}
Result will be like,
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
@PietroAriston Please follow the below steps to lower the text and button in the banner section. Let me know whether it is helpful for you.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024