How to adjust padding between Title and Text

Shopify Discussion
1

Hello guys how can I adjust the padding between these title and text.

NikosBat_0-1736851423888.png
NikosBat_0-1736851423888.png388×700 257 KB

2

Hi @NikosBat

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:768px){
.image-with-text__text.rte.body {
    margin-top: 5px !important;
}
}

Result:

websensepro_0-1736851921137.png
websensepro_0-1736851921137.png310×476 87.8 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

3

Hi @NikosBat

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

{% style %}
{% if product.id == 9362686280012 %}
@media screen and (max-width: 768px){
.image-with-text__text.rte.body {
    margin-top: 0 !important;
}
}
{% endif %}
{% endstyle %}

image (4).png
image (4).png348×708 166 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

4

Thank you very much Websensepro, that helped me

5

Thank you DaisyVo, that solved my problem