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?