I’m currently building a component library for a client. The components are used in 13 different websites (needs different styling on every website). Everything is good, except for the rich-text styling.
On the component template site, i’ve styled a new rich-text-light module where all the content in that specific rich-text-light module is white. When i share the library to a specific site, everything works well except for the styling of the richt-text-light module. This stays white. I’ve tested it on different rich-text blocks with different stylings, but the styling doesn’t seem to come trough.
Links to the published site and readonly link will be essential here.
Is this an Agency component library, linked to those sites? If so make sure you’re updating the components as they change- in the consuming sites you need to go into the components panel and apply the updates.
Beyond that, rich text styling is pretty basic CSS in the form .rich-text-block-class p type of selector constructions. You’d just have to debug specificity and make sure nothing is interfering.
Is this the component lib or a sample site?
Let me know where to look. I’d need a published site link too to check the CSS wherever your rich text styling problem is.
It’s likely I’m unable to see most of the library components in the components panel, due to readonly link limitations, but I should be able to see your rich-text-light component somewhere and check its CSS specificity.
However in the subscribing site there are no matching classes for those individual items. I’d double check that you’ve pulled the updates and republished the subscribing site but otherwise… yeah, contact support on this one.
