Troubleshooting Webflow Styleguide Issues with Wireframes

·Oct 18, 2024 06:06 PM

Hey I'm having some trouble with the styleguide in webflow. I've made updates to the styleguide exactly how the docs and videos have outlined but when I import my wireframes none of them are inheriting the styles.

29 comments

· Sorted by Oldest

Tyler A.
·
Specifically for type styles. I see that colors and things like buttons are working properly but I can't get any type classes to sync across pages
Matt J.
·
Tyler A. would you mind sharing a read-only link?
Tyler A.
·
What's the best way to get that link?
Matt J.
·
Got something for you on that one! https://www.relume.io/resources/faqs/how-to-share-your-figma-webflow-projects-for-effective-support
Tyler A.
·
Thanks. I just DM'd you the link.
Tyler A.
·
You can see that I was able to get the type styling to go across the site, but it wasn't from editing the styleguide page.
Matt J.
·
Tyler A. okay how did you update the typography then?
Matt J.
·
ah okay I see whats going on here. So for text color you'll want to apply text color to the parent of the text - as high up in the stack as possible - ideally the section
Matt J.
·
looks like the reason this is not working as expected is because of this combo class styling - would avoid editing any of the utility classes like padding-global page-wrapper main-wrapper container- etc.
Matt J.
·
Tyler A.
·
Oh got it. Is that on the styleguide page that is causing that override?
Matt J.
·
naw this was just a random section on your homepage - I think maybe the hero/header
Matt J.
·
there is custom CSS inside of global styles that is making text color inherit their parent - this is done intentionally for several reasons - its best practice, but also necessary for style guide builder.
Tyler A.
·
Okay makes sense. So if I just reset that class it should remedy the issue?
Matt J.
·
possibly - there could be more like that