1. Home
  2. Knowledge Base
  3. Tasty Recipes
  4. Customizing Tasty Recipes
  5. How to customize the color of your recipe card icons

How to customize the color of your recipe card icons

We understand that the default colors of the recipe card templates may not work well with the design of your site, including the icons. Here's how to update those colors using a little custom CSS.

To update the color of icons at the top of the recipe card, use the custom CSS below.

CSS:

.tasty-recipes-entry-header .tasty-recipes-details .detail-icon {
color: #ADDCOLOR;
}

To update the color of the icons at the bottom of the recipe card, use the custom CSS below.

CSS:

.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon {
color: #ADDCOLOR;
}

For more information on adding custom CSS, check out this support article:

How can I create custom CSS for Tasty Recipes?

 

 

Was this article helpful?

Related Articles

Need Support?

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