Community forum for knowledge and support

Updated 2 weeks ago

Troubleshooting Styling Issues with New Webflow Starter Project

<strike>I've been having an issue with my new builds where I can't seem to make changes to certain elements. For example, I can't change the color of my headings. If I select All H1 Headings and change the text color, despite saying that my new color is set, it doesn't actually change and just inherits the body color. Similarly, if I select All Links, I can't change the color OR text decoration. I can't even change them when I give it a class. This seems to be an issue with the new Starter Project - I tested this with a site I built using an older version of the Starter Project, and it works fine. Read-only links below.</strike>

Problem solved - Global Styles code embed has an "Ensure all elements inherit the color from its parent" line at the top that was causing this. Is there a reason this was introduced? What is it actually doing and what is the benefit? Just curious.

M
1 comment

it was introduced to help support style guide builder export to Webflow. Its also considered Cascading Style Sheets best practice to ensure that styles are being inherited. These styles overwrite what Webflow is doing by default to help force this to happen.

Add a reply
Sign up and join the conversation on Slack