default recipe template 2016 – vertical image is squashed

  • Resolved elizabethykw

    (@elizabethykw)


    8 years, 4 months ago

    Hey wp ultimate recipe, thanks for the lovely plugin, it’s been pretty great thus far.

    I have one problem though, and that is when I’m using the default recipe template 2016, the image is squashed. There’s no problem with horizontal images, but I’m shooting vertical images because of pinterest.

    I actually don’t mind not having the image there at all. Is there a way to either remove the image or display a cropped, square version of it?

    Thanks in advance!

    https://www.ads-software.com/plugins/wp-ultimate-recipe/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Brecht

    (@brechtvds)

    Hi there,

    Could you give me a link to a recipe with this issue so I can take a look?

    If you want a cropped, square version you could try installing this plugin: https://www.ads-software.com/plugins/simple-image-sizes/

    That allows you to create a new image thumbnail size on the Settings > Media page. You would create a new 180×180 size and set it to cropped. Make sure to regenerate the thumbnails on that same settings page as well.

    Once you’ve done so, all photos should now have an exact 180×180 cropped thumbnail available to display and the template should automatically pick that one.

    Brecht

    Thread Starter elizabethykw

    (@elizabethykw)

    Whoops, thought I posted the link here! My bad.

    https://thelazybroccoli.com/recipe/vegan-udon-soup-aburaage/

    Thanks for the suggestion! Is there any way to not show the image at all?

    Plugin Author Brecht

    (@brechtvds)

    If you don’t want the image to show you could hide it with some CSS. Try adding the following on the Recipes > Settings > Custom Code page:

    .wpurp-recipe-image {
    display: none;
    }

    Brecht

    Thread Starter elizabethykw

    (@elizabethykw)

    Fantastic. Thanks Brecht for the prompt reply and the easy solution ??

    But if you like a image in .wpurp-recipe-instructions-image and that the recipe’s image don’t have a !important height:100%, where can i change or delete this instruction for the image have a width:100% but a height:auto, or not height??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘default recipe template 2016 – vertical image is squashed’ is closed to new replies.