Hi Guys,
Have tried all the other suggestions to get the Rich Text section to be full width. I have two pages on my website at https://pearlseafoods.au/ where the content is not full width and I would like to know how to fix. Pages are https://pearlseafoods.au/pages/delivery-info and https://pearlseafoods.au/pages/wholesale-signup If someone knows how I can make the rich-text content on both these pages full-width I would be extremely grateful.
Regards Craig
Hi @Supriem
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
.rich-text__blocks { max-width: 100% !important; }
On this page, you will need to remove break lines of texts to make them display at full width
Hey Craig,
Welcome to the community!
If you are using different templates for the pages, it would be easier to add it via editing code. It has a slightly length process and if you’re not keen on editing code then just follow the code below.
In all of your sections that need to be full width add the following to the custom css section. Since other pages have rich text sections that don’t need to be full width, this will only target the specific ones.
@media screen and (min-width: 990px) {
.rich-text__blocks {
max-width: 100% !important;
}
}
You are very welcome!
Cheers Mate. Let me know if you need a hand with anything else
