How to adjust padding between 2 sections

[NikosBat]

Hello guys, how can I increase the space between these 2 sections?

[Small_Task_Help]

Hi,

Hope this will work

• Try using Theme Editor first to adjust padding.

• If that doesn’t work, use Edit Code option.

• Add style=“padding-top: XXpx;” or style=“padding-bottom: XXpx;” in HTML.

padding code example

[TheScriptFlow]

In order to add the space between icon-with-text and review slider you need to paste the following code in the end of base.css file.

Here is how you can find base.css file.

Go to Shopify Admin >> Online Store >> themes >> Click on three dots and then Edit Code >> In the Edit Code search for base.css. >> Go to the end of base.css file and paste the following code.

.icon-with-text.icon-with-text--horizontal.list-unstyled {
    padding-bottom: 20px !important;
}

If you want the spacing just for the mobile only then you need to paste this code.

@media only screen and (max-width: 767px) {
.icon-with-text.icon-with-text--horizontal.list-unstyled {
    padding-bottom: 20px !important;
}
}

Results:

[Mustafa_Ali]

hey @NikosBat dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[Bundler-Manuel]

Hey @NikosBat Nice seeing you here again, check out the reply marked as a solution here and let me know if it’s of any help https://community.shopify.com/c/shopify-design/how-can-i-add-space-between-sections-on-my-homepage/m-p/1000313

[NikosBat]

Thank you very much that has solved my problem!

[NikosBat]

Thanks four your help!

[NikosBat]

Thanks for your help!