Troubleshooting Webflow Styleguide Issues with Wireframes

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

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
Tyler A.
·
Is best course of action to start over? Or is there a decent troubleshooting method for it?
Matt J.
·
shouldn't need to start over no
Matt J.
·
I guess changing text colors at the section level - if the colors of text aren't changing then there is an override somewhere
Tyler A.
·
Text color was less of an issue and more the actual font
Matt J.
·
the font seems to be changing just fine to me
Matt J.
·
I guess it depends on where you are trying to change it?
Matt J.
·
and where you want the font to be applied to?
Matt J.
·
OH
Matt J.
·
actually
Matt J.
·
first screenshot is what you have now
Matt J.
·
but this is how it should be - so similar to the headings - you'll want to style "all pages"
Matt J.
·
so clear the class, then put your cursor into the style selector field, and you'll see this pink label
Matt J.
·
Tyler A.
·
Perfect. That's exactly what it was. Thank yoU!