How to reset all html tags?

Hi everyone!

Is there a way to reset all HTML tags such as headings so that they once again look for styling in the “body all pages” tag.

I have a page template that I use with most new projects but along the way I have made the mistake of styling the “heading1”, “Heading2” etc tags in the template and now those heading tags don’t follow the text styling of “body all pages” anymore.

Can I go back to the original settings somehow?

Cheers!

-Seppo-

Remove the classes from the elements and they will inherit the default styling. If you need to keep a class for other styling on an element just remove the styles that you want inherited.

Thanks Webdev!

These headings that I am talking about don’t have classes. They are styled with “all H1 headings” etc. HTML tags. But those tags don’t inherit styles from “Body all pages” after being styled once with their own tags.

My aim is to style all texts including headings with the “Body all pages” tag whenever I start a new project using this template.

The template includes CMS-collections, custom code etc that I don’t wish to build again.

Now I when I’m trying out a font I have to apply it separately to all headings HTML tags just to see how they look.

Hey ! I’m having the exact same issue, have you found a solution ?

@Seppo_Riiho - I did not get a direct notification so missed your question.

Webflow has default styling for elements in the core CSS file that is loaded on all projects. You can’t change that but you can overwrite it by changes in the designer. If you have a starting point you like then save it with only the essential changes and clone it for new project creation.

Some people create a remote stylesheet that sets a baseline and import that into projects. However those won’t show changes in the designer.

Examples of base styling included on headings.

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

@Quentin_Persegol - This might help you as well.