WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. StaceyMercer
    Member
    Posted 1 year ago #

    Hi,

    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

    http://wordpress.org/extend/plugins/recipe-card/

  2. Yumprint.com
    Member
    Plugin Author

    Posted 1 year 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