Increase padding for image with text component, mobile view, dawn theme

Store Design
1

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.

Verterra_0-1720589108560.png
Verterra_0-1720589108560.png628×1344 566 KB

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!

2

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 tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like
3

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

4

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

1.png
1.png425×832 193 KB

If this was helpful, hit the like button and mark the job as completed.
Thanks

1 Like
5

Thank you!

6

Always there to help you.
Thanks