A user added a featured collection to their Shopify homepage (using the Minimal theme) and CSS code unexpectedly appeared as visible text on the page:
.collection-list-wrapper .card__content { position: absolute; height: 10 0%; opacity: 0; }
Issue: The CSS styling code is displaying directly on the website instead of being hidden in the stylesheet.
Suggested cause: A respondent identified that the code is missing proper <style> tags to wrap the CSS, causing it to render as plain text rather than being interpreted as styling.
Current status: The original poster clarified they didn’t manually edit any code—the issue appeared automatically when adding the featured collection through Shopify’s interface. The problem remains unresolved.
I added a featured collection to my home page and its now showing the below code beneath the collection?
.collection-list-wrapper .card__content { position: absolute; height: 100%; opacity: 0; }
Obviously I don’t want this showing on the page, so how do you get rid of it?
website: www.goblinwood.com
theme: minimal
Thanks
You forgot [code] .
I havent touched the code, it has randomly appeared when adding a featured collection?