[Plugin: Recipe Card] how do I erase the image in the header of my recipe card?

  • Resolved bettyjohnson

    (@bettyjohnson)


    10 years, 10 months ago

    I have tried to contact the developers of the “recipe card” plugin, but no luck and I need to solve this issue now!

    I like to display just the thumbnail on the recipe, it shows the same image twice once in my recipe header and next to the ingredients.
    Can someone please help me to find the right code, that needs adjustments.

    Here a screenshot: click here

    when I go to inspect element it gives me this: 

    element.style {
display: inline;
}

    if I change it to 

    element.style {
display: none;
}

    its gone! However I can’t seem to find element.style, what folder should I look for?

    thank you for any help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • WPyogi

    (@wpyogi)

    10 years, 10 months ago

    “element.style” is inline CSS – it’s in the HTML code for that element. You may be able to override it with external CSS by using selectors for that element and possibly the !important property. No real way to help more specifically without seeing the site though…

    Thread Starter bettyjohnson

    (@bettyjohnson)

    10 years, 10 months ago

    I can’t find it in any of the Plugin Files:

    recipe-card/css/intro.css
    recipe-card/css/wordpress-theme.css
    recipe-card/css/editor-dialog.css
    recipe-card/css/theme.css
    recipe-card/css/editor.css
    recipe-card/css/layout.css
    recipe-card/css/print-only.css
    recipe-card/css/print.css

    or am I looking at the wrong .css?
    The post with the recipe card is not posted yet, that’s why it won’t help posting the link.
    But I made a screenshot for you

    Thread Starter bettyjohnson

    (@bettyjohnson)

    10 years, 10 months ago

    link

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    You won’t find it in the CSS files – it’s not in external CSS. I can’t quite read that code in the screenshot. Can you copy/paste the lines of HTML code from a few before that image and the image line?

    Thread Starter bettyjohnson

    (@bettyjohnson)

    10 years, 10 months ago

    <div class="hrecipe blog-yumprint-recipe blog-yumprint-image-focus" yumprintrecipe="L5L" itemscope="" itemtype="http://schema.org/Recipe">    <img class="lazy photo data-lazy-ready" src="http://blog.bjohnsonjewelry.com/wp-content/uploads/2013/06/Laugen-264x300.jpg" data-lazy-type="image" data-lazy-src="http://blog.bjohnsonjewelry.com/wp-content/uploads/2013/06/Laugen-264x300.jpg" style="display: inline;" itemprop="image"><noscript><img class="photo" src="http://blog.bjohnsonjewelry.com/wp-content/uploads/2013/06/Laugen-264x300.jpg" style="display: none !important;" itemprop="image" /></noscript>		<div class="blog-yumprint-photo-top" style="background-image: url(http://blog.bjohnsonjewelry.com/wp-content/uploads/2013/06/Laugen-264x300.jpg)"></div>	<div class="fn blog-yumprint-recipe-title" itemprop="name">Laugen Rolls & Pretzels</div>
    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    Something seems kind of weird with that code, but see if this works.

    Looks like you have JetPack? So you can add CSS code under Edit CSS – try adding this:

    .hrecipe img {
   display: none;
}

    Thread Starter bettyjohnson

    (@bettyjohnson)

    10 years, 10 months ago

    Yes, I have Jetpack, but your code didn’t take the image off.

    WPyogi

    (@wpyogi)

    10 years, 10 months ago

    See if this works:

    .hrecipe img {
   display: none !important;
}

    Thread Starter bettyjohnson

    (@bettyjohnson)

    10 years, 10 months ago

    It worked, the last code you gave me took the image off. Thank you so much!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Plugin: Recipe Card] how do I erase the image in the header of my recipe card?’ is closed to new replies.