Shopify themes, liquid, logos, and UX
Hello! Does anyone know how to increase the bottom padding between each section of the image with text for mobile view? I am using dawn theme.
My store URL is: https://verterra.sg/password, password is VerterraTest123
I was recommended to use this code previously, but hoping not to use it this time because it increases the space for all pages, instead of just this section:
.section + .section {
margin-top: 0 !important;
}
Any other solutions would be welcome. Thanks!
Solved! Go to the solution
This is an accepted solution.
Go to online store ---------> themes --------------> actions ------> edit code------->base.css -----> line number 6749
search this code
.rte > *:last-child {
margin-bottom: 0px;
}
and replace with this code
.rte > *:last-child {
margin-bottom: 15px !important;
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
@media screen and (max-width: 749px) {
.image-with-text{
margin-bottom: 20px;
}
}
</style>
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2 open component-image-with-text.css file
Paste the Code Bottom of file
.image-with-text__text-item.grid__item {
padding-bottom: 20px !important;
}
If you face any issue let me know
Thanks
This is an accepted solution.
Go to online store ---------> themes --------------> actions ------> edit code------->base.css -----> line number 6749
search this code
.rte > *:last-child {
margin-bottom: 0px;
}
and replace with this code
.rte > *:last-child {
margin-bottom: 15px !important;
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
Thank you!
Always there to help you.
Thanks
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