Hi Relume, I have a new project that I’m setting up using the Relume Style Guide and I’m having a challenge in trying to change the color of Heading elements in Webflow. Bear in mind that it’s been a while since I’ve worked on a Relume to Webflow project so this may be a total rookie oversight. To keep things simple, I’ve prepared a video of the issue to help quickly illustrate (sorry the volume is a bit low). Please let me know if you can help. Happy new year!
https://share.cleanshot.com/Hb244qJJ
Hello Cesar, I noticed that a couple of months ago. My workaround is to go into the CSS custom properties and manually add the color property followed by !important
Hope that helps!
@Joss Thanks for the tip. I’ll implement the customer CSS, but I am bewildered at how this slipped past the devs at Webflow. Must be a bug that needs to be reported. I assume it’s a bug, right? It shouldn’t be this way.
@Joss I ran this same issue by the Webflow channel and got this response. It’s the equivalent of your custom CSS solution in a way, but the issue was baked into Relume’s style guide. Specifically, the global-styles component.
Of course, I don’t know what consequences I’ll experience down the road after removing the element from the global-styles component, but it’ll keep me going for now:
https://screen-shot-jacob.websitesquirrel.com/Yt7CYbrN
Thanks for sharing, @Cesar! My solution was to overwrite the color property, but it seems like a better idea to remove the inherit value from the body element. Hopefully, removing it won't cause any issues.
@Cesar yeah sorry for the confusion here - we'll likely have a resource doc or quick loom on this soon but essentially this was done intentionally to begin the groundwork for supporting the style guide builder export to webflow. This generally shouldn't be an issue if you apply styles in a certain way but it has caught me off guard as well.
Thanks for the follow-up Matt, I’m glad to know it’s part of something better that’s coming. Keep up the good work.
