Can't for the life of me reduce margins in rich text section ( Dawn Theme)

Hi guys, tried a lot solution such as adding code to base.css file to reduce these margins and no luck. This rich text block is on my homepage

thanks in advance

my website is https://1040eb.myshopify.com

Do you want to remove the left and right margin,s right?

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.isolate .rich-text__blocks {
max-width: 100%;
}

Screenshot :- https://prnt.sc/8yONUR0_nUaU

not completely remove them but just adjust them manually, make them smaller

Try this code please

.isolate .rich-text__blocks {
width: 100%!important;
max-width: 100% !important;

}

tried:

still no luck:

this too:

not responding

Hello @user1017

Add this CODE bottom of theme.liquid before closing body() tag

.isolate .rich-text__blocks { width: 100%!important; max-width: 100% !important; } .rich-text__wrapper { max-width: 100% !important; width: 100% !important; padding: 0px 20px !important; }
1 Like

Hello there,

try this code.

.rich-text__blocks.center {
    max-width: 100%!important;
}

I love you right now. Thank you. It worked.

2 Likes

why would they even offer this option in their editor if doesn’t work as intended

1 Like

thank you so much

1 Like

In builder we have option only to center and make it fit to screen.. Now I did it with code