Shopify themes, liquid, logos, and UX
Hi,
Anyway to reduce the padding and margin of this slideshow? The slideshow with text has a lot of unnecessary white space between the sections and most of it is because of the top of the slideshow is so large. Is there anyway to remove this spacing? It looks especially terrible on a mobile device. Found at https://www.rescuetreats.dog/pages/our-partners-who-support-dog-rescues
Solved! Go to the solution
This is an accepted solution.
Hi @ArronJW
This is David at SalesHunterThemes.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Layout folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.image-with-text-section.section-id-slideshow-with-text,
.image-with-text-section .image-with-text-section__content .content {
padding: 0 !important;
}
}
</style>
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.
Try our Electro theme Free! (Now at Black Friday price)
Hi @ArronJW
Try this one.
.image-with-text-section.overlap-candidate-container.homepage-padded-row.section-id-slideshow-with-text.cc-animate-init.-in.cc-animate-complete {
padding-top: 0px !important;
}
Hi,
This moves the image up but not the text. Also, this did not work on the mobile. Anyway to get the slideshow text pushed up as well?
Yes, that will be normally push up cause we get the space from there. The padding/space are from the image, not for the text up. If you need the code for mobile as well let me know.
This is an accepted solution.
Hi @ArronJW
This is David at SalesHunterThemes.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Layout folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.image-with-text-section.section-id-slideshow-with-text,
.image-with-text-section .image-with-text-section__content .content {
padding: 0 !important;
}
}
</style>
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.
Try our Electro theme Free! (Now at Black Friday price)
Thanks a ton David, do you know how to get rid of the white space on the desktop site? Now that the mobile is fixed the desktop has a lot of white space between sections on that page. I would greatly appreciate it!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025