Enormous gap after recipe title

Hi –

Can you send me a link to a recipe that has the gap?

As for the off-centered images, we’ll be fixing this in our next release. Until then, you can fix it like this:

(1) Go to your plugin page and find Recipe Card.
(2) Click edit
(3) Open the print.css file
(4) Search for this style: .image-yes .recipe-image
(5) Add this line to that style: background-position: center; … don’t forget the semicolon at the end.
(6) Press Update File

That should fix it for you.

Here is a link to one as an example but they all have the unsightly gaps. https://press.flavourfull.ca/creamy-scallop-shrimp-clam-penne/

Also, for the .css edit, that style is not located in the file. I did ctrl+f and nothing.

I tried to add the code to the closest thing I could find and it resulted in a fatal error, so it is far from fixed.

Any other suggestions?

Thanks

When I inspected the print.css file on your live site, I found this style:

.image-yes .recipe-image {
width: 100px;
height: 100px;
position: absolute;
left: 15px;
top: 15px;
background-size: cover;
}

Are you able to find that?

If so, you’ll need to change it to look like this:

.image-yes .recipe-image {
width: 100px;
height: 100px;
position: absolute;
left: 15px;
top: 15px;
background-size: cover;
background-position: center;
}

As for the gaps, are you referring to the gap between the two ingredient section? If so, you can make that smaller by adding this to you styles:

.blog-yumprint-recipe .blog-yumprint-ingredient-section {
margin: 15px 0 !important;
}

If that’s not what you’re talking about, can you share more details?

Thanks!

Sorry I took so long. When I tried to troubleshoot this previously I did find and add background position center as you have detailed above and it did cause a fatal error.

I have looked at the code for the plugin recently and I cannot find this particular code anymore.

Yes also the ingredient section px stuff is no longer there either.

Have you updated the plugin since you added those lines? If so, and if you added those lines to the Recipe Card files (instead of your main stylesheet) then they would be erased on update. If you’d like the changes to persist, you’ll need to add them to your main stylesheet.

I don’t know why this is marked as resolved it has not been resolved.

Sorry about that!

Have you updated the plugin since you added those lines? If so, and if you added those lines to the Recipe Card files (instead of your main stylesheet) then they would be erased on update. If you’d like the changes to persist, you’ll need to add them to your main stylesheet.

Yes, I will put this as resolved because it’s becoming a larger headache than its worth. The .css is nothing like what is shown up here.

Make no mistake i appreciate the assistance but this is where i get off.

Thanks!