can anyone help I’ve thought i had fixed with Shopify sidekick to span our collection text full width as the CSS keeps changing all the text, is the text below image at the top of the collection too. or it keeps adding a new section & errors appear.
I have set our “ description” text at the bottom of the page & it just looks odd on desktop.
Here’s the CSS code we were working on for the full-width collection description:
/* Full-width collection description */
.template-collection .collection__description,
.template-collection .rte,
.template-collection .collection-description {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: 0 !important;
padding-left: 60px !important;
padding-right: 150px !important;
position: relative !important;
}
My goal is to make only the collection description (the SEO text in the “Description” section of collection pages) span the full width of the page to match the full-width collection images, without affecting other text sections like the Image with text blocks. The challenge was finding the right selector that targets only the main collection description and not other content sections on the page.
thanks

