A user working with Shopify’s Avante theme is trying to reduce the width and vertical padding of rich text blocks on their About and Terms pages. They’re hesitant to edit CSS directly and cannot locate the Terms page in the code.
Proposed Solution:
theme.liquid file.rich-text--spacious class to adjust gap spacing and width to 80%<style> tag before bodyCurrent Status:
Screenshots were shared showing both the suggested code placement and the implementation attempt.
Hello,
I have made good progress on my website using the Avante theme. I am using rich text blocks in two of my pages and am struggling to find a way to reduce the width of the blocks or vertical padding.
These are the two pages:
I am terrified to edit the CSS code and break it all. I am actually not even able to find the Terms page in the code..
Thank you for your help,
s
.rich-text--spacious {
--rich-text-gap: 5px;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
.rich-text--spacious {
--rich-text-gap: 5px;
width: 80%;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
Thanks for that @Mustafa_Ali . Sadly it did not work.
I added it line 206 but did not see any changes. Deleted it after.
