Is it possible to make product names and prices appear only when hovering above

Home Forums Automattic Photo Blog Is it possible to make product names and prices appear only when hovering above

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #164842 Resolve

    MursenaryForHire

    The titles of my photos and the prices tend to obscure the actual images more than I would like. Is it possible to make them appear when hovering over the product image?

    #164846

    Brooke

    Hi there!

    Yes, it is possible. You can add the following CSS to your theme customizer’s Additional CSS section:

    /* hide shop product info –bk */
    .woocommerce ul.products li.product .woocommerce-loop-product__header {
    display: none;
    }

    /* show product info on hover –bk */
    .woocommerce ul.products li.product:hover .woocommerce-loop-product__header {
    display: block;
    }

    Also, I see you have a Business plan which entitles you to live chat and email support which you can access here:

    https://wordpress.com/help/contact

    You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.