1. Home
  2. Knowledge Base
  3. General
  4. How do I change the header font?

How do I change the header font?

Go to your Nutrifox account > Settings > Customize Your Labels.

You can add the code below into your Custom CSS box. Feel free to change those colors, font sizes, or Google Fonts’ font family to fit your brand styling.

Keep in mind though, if you want your header to read “Nutrition Facts” instead of “nutrition facts” you will need to capitalize it in the content line of the first block.

Don’t forget to check the “Apply label style to existing recipes” option before saving!

/* Nutrifox Label H3 */
.tasty-label .label-title:before {  
  font-family: "Lato", sans-serif;
  content: 'nutrition facts';
  color: #ffffff;
}

/* Hides Original Nutrifox Label Header Image */
.tasty-label .label-title svg {
  display: none;
}

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support