Charge template how to adjust top & bottom margin in Rich text field

[Shane_h]

Hi can someone offer a solution for this please - have tried various things from previous posts but no joy so far

this is the page https://dtf2u.co.uk/collections/product-emulator and im trying to reduce the margins in the rich text field for the top and bottom - space above / below DTF emulator in bold

thanks

[DaisyVo]

Hi @Shane_h ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Edit code > theme.liquid
Step 2: Copy the code below and paste it before

Here is the code for step 3:

{% style %}
{% if canonical_url == "https://dtf2u.co.uk/collections/product-emulator" %}
.rich-text.dynamic-page-width {
    padding-block: 0 !important;
}
{% endif %}
{% endstyle %}

Here is the result:

Please let me know if it works!

Best,
Daisy

[Sangeetanahar75]

hello @Shane_h

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->section-rich-text.css …>line number 63

search the code

@media screen and (min-width: 990px) {
    .rich-text {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

remove the code and save the file

result will be

If this was helpful, hit the like button and accept the solution.
Thanks

[Shane_h]

this also worked thankyou