How to adjust padding between Title and Text

Solved

How to adjust padding between Title and Text

NikosBat
Navigator
484 1 107

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

 

NikosBat_0-1736851423888.png

 

 

Accepted Solution (1)

DaisyVo
Shopify Partner
4469 501 598

This is an accepted solution.

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


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 4 (4)

websensepro
Shopify Partner
2134 267 318

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

 

 

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! 🚀 (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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
NikosBat
Navigator
484 1 107

Thank you very much Websensepro, that helped me

DaisyVo
Shopify Partner
4469 501 598

This is an accepted solution.

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


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
NikosBat
Navigator
484 1 107

Thank you DaisyVo, that solved my problem