recipe box thumbnail problem

  • elizabethykw

    (@elizabethykw)


    8 years ago

    Hi!

    My recipe thumbnails are not showing the ones with the right dimensions so the image displayed is not proportional. I have the Simple Image Sizes plug-in so I have cropped recipe-thumbnail and recipe-large to be square (I have it at 150×150 and 800×800 respectively, not sure if my sizes are the problem). I’d expect that the plug-in would choose one of those two for the thumbnails to be displayed but instead it chooses some other non-square thumbnail instead (those that are used for my theme).

    I hope I conveyed the problem clearly and you get what I’m saying! This is an example and thanks in advance ??

    https://www.thelazybroccoli.com/recipe/roasted-vegetables-pesto-focaccia-sandwich/

    Regards,
    Elizabeth

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

    (@brechtvds)

    Hi Elizabeth,

    The “Default Recipe Template 2016” is set to display a 180 by 180 thumbnail. If none is available it will look for the closest, larger thumbnail size.

    If you create a 180 by 180 size it should use that one. Or you could change the size of the thumbnail in the Template Editor: https://www.wpultimaterecipe.com/docs/template-editor

    Brecht

    Thread Starter elizabethykw

    (@elizabethykw)

    Hi Brecht,

    Thanks for the fast reply!

    I have changed the recipe-thumbnail to 180×180 and used the Force Regenerate Thumbnail, but still it won’t show the right one. Any idea what could be wrong?

    Thanks again, really appreciate the help ??

    Elizabeth

    Plugin Author Brecht

    (@brechtvds)

    Could you try disabling the Jetpack Photon feature for a second?

    Brecht

    Thread Starter elizabethykw

    (@elizabethykw)

    Hey Brecht, ok done!

    Plugin Author Brecht

    (@brechtvds)

    Do you have any caching plugins on your website?

    Thread Starter elizabethykw

    (@elizabethykw)

    Yup. I’m using Siteground’s cache and Cloudflare, I just went to flush both though :/

    Plugin Author Brecht

    (@brechtvds)

    I’m not sure why but for a brief moment it did actually show the correct thumbnail when Photon was still enabled. Did you change anything else?

    Brecht

    Thread Starter elizabethykw

    (@elizabethykw)

    Strange, I didn’t do anything before disabling Photon though. I did try to deactivate some plug-ins but none of them worked.

    Plugin Author Brecht

    (@brechtvds)

    Can you try activating Photon again?

    Thread Starter elizabethykw

    (@elizabethykw)

    Sure, it’s activated.

    Real sorry for taking up your time!

    Plugin Author Brecht

    (@brechtvds)

    Very strange problem. I’m not sure why it’s not using the available thumbnail.

    What you could do is disable “Force CSS Style” on the Recipes > Settings > Recipe Template > Advanced page.
    Then try adding the following CSS on the Recipes > Settings > Custom Code page:

    .wpurp-recipe-image {
    max-height: none !important;
}

    That should at least get the ratio right.

    Thread Starter elizabethykw

    (@elizabethykw)

    That’s good enough for me; thanks so, so much for the help.

    It’s almost like the recipe wants to use this ratio! I’ve tried changing the thumbnail sizes to force it to choose a square one (e.g. if it chose the 800×1200 thumbnail I’d change that exact thumbnail to 800×800 but then the recipe would select another thumbnail like 768×1152 or something).

    But anyway this solution is fine, so there’s no need to look into it further. I appreciate you staying all the way with me here, thanks again ??

    Plugin Author Brecht

    (@brechtvds)

    Sorry about that, not sure why it’s making this so hard for you.

    I definitely saw it use the correct thumbnail on 1 load, so that makes it even stranger.

    Brecht

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘recipe box thumbnail problem’ is closed to new replies.

Tags