Woocommerce product image details being shown as are navigation arrows

  • Resolved w0hh4a

    (@w0hh4a)


    8 years, 8 months ago

    I have two issues with Woocommerce. First, above the product picture there is information about when the product was added, and who by. I don’t want that to appear, and I can’t find how to remove it. Second, at the top and bottom of the page are navigation arrows to the previous and next products. I don’t want those to appear either. I have searched the forums and can’t find anything about either subject. I am sure that this has only appeared since the last update of woocommerce. I do hope I am posting in the correct place. Thank you for any assistance.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • AshboDev

    (@ashbodev)

    8 years, 8 months ago

    So to remove the info above the picture as well as the next and previous links, try adding:

    
.single-product .entry-meta,
.single-product .navigation {
    display: none;
}

    See number 19 in their FAQ for where to put this: https://www.cryoutcreations.eu/wordpress-themes/mantra/mantra-faqs

    • This reply was modified 8 years, 8 months ago by AshboDev.
    Thread Starter w0hh4a

    (@w0hh4a)

    8 years, 8 months ago

    Hi AshboDev – very many thanks for this – the posting information is gone, as are the navigation arrows at the bottom of the page. The top arrows however are still there. Would you happen to know how I get rid of those as well?

    AshboDev

    (@ashbodev)

    8 years, 8 months ago

    I think something is caching. They’re all still there for me and the css doesn’t appear to exist. Are you using a plugin like W3 Total Cache? If you’re using a caching plugin, can you purge/delete the cache to see if it fixes it?

    Thread Starter w0hh4a

    (@w0hh4a)

    8 years, 8 months ago

    OK, I have deleted the cache and deactivated the plug in for the moment. The link now show meta gone and bottom navigation gone, just the top ones remaining. Thank you again for your help.

    AshboDev

    (@ashbodev)

    8 years, 8 months ago

    Cool, I can see it now. It’s being overridden by another CSS selector, in this case it’s using an ID not a class. ID’s take priority so that CSS I gave you is being overridden.

    Simple fix is to add an !important to your CSS:

    
.single-product .entry-meta,
.single-product .navigation {
    display: none !important;
}

    That’ll do the trick 🙂 Removing that brings the title close to the top. If you wanted to add some spacing between the header and the title, add this in:

    
.single-product .entry-title {
    margin-top: 20px;
}

    GL!
    Ash

    Thread Starter w0hh4a

    (@w0hh4a)

    8 years, 8 months ago

    Hi Ash

    Thank you so much – yes, that has all worked – I am so happy to get that rubbish of the page – I can’t tell you!!

    KR
    K

    AshboDev

    (@ashbodev)

    8 years, 8 months ago

    No problem, enjoy 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Woocommerce product image details being shown as are navigation arrows’ is closed to new replies.