Recipe Card
[resolved] Making images circular (2 posts)

  1. StaceyMercer
    Posted 3 years ago #


    I'd like to make the recipe card images circular, but I'm not sure what css file I need to change for this.

    Can anyone help?

    http://foodheavenfoodhell.staceymercer.co.uk/ How I want the image to look

    http://foodheavenfoodhell.staceymercer.co.uk/staceys-food-heaven-savoury/ how it looks at the moment


  2. Yumprint.com
    Plugin Author

    Posted 3 years ago #

    Instead of editing a recipe card css file, I recommend adding a css file with the following css or alternatively adding it to one of your existing css files:

    .blog-yumprint-photo-middle {
        border-radius: 100px; /* Use a smaller number if you just want round corners */

    This works better than changing layout.css (where this class is already defined), since your work won't be destroyed when we issue updates. However, if you really want to still edit a css file then layout.css is the right one.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Recipe Card
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic