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?

Did this answer your question?