Ready to get started?Download WordPress


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

  1. StaceyMercer
    Posted 2 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 2 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

About this Topic