Change Font size/color IN Yummly recipe

Hi,

You can customize the font styles to match your blog by overriding the css styles in the yrecipe-std.css file.

You can get there by going to your Admin panel > Plugins > Editor > then find the Yummly Rich Recipes under the “Select plugin to edit” menu > then clicking on the yrecipe-std.css file. You can also get there by going to /wp-admin/plugin-editor.php?file=yummly-rich-recipes/styles/yrecipe-std.css

If you add these 4 lines after the last line of that file, you will make it match the same font style you’re using for the posts in your blog and it will look really nice ??

#yrecipe-container, #yrecipe-container .sans-serif {
font-family: 'PT Sans', Arial, sans-serif;
font-weight: 400;
text-shadow: none;
}

Screenshot: https://cl.ly/image/1q2d2v230W1k

Hello! I’ve tried following these instructions to change the font in my Yummly plug in but nothing has worked.

my website is https://www.ohmygee.ca and the font I use is called Trebuchet MS size 14 px.

can you provide me with the paragraph similar to the one above but with my personal fonts please??

I’m also wondering if I can change the black line under the recipe title to color #5A5A5C instead of black?

Thanks!

Hey lrgegolick,

Try this:

#yrecipe-container, #yrecipe-container .sans-serif {
font-family: 'Trebuchet MS', Arial, sans-serif;
font-weight: 400;
font-size: 14px;
text-shadow: none;
}

If you find any issues email us at [email protected]