Home Forums WoodMart support forum Styling & Hover Issues with Product Grids and Quick View

Styling & Hover Issues with Product Grids and Quick View

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

    reneersloan
    Participant

    Hello WoodMart Support Team,

    I have a few questions regarding product display issues on my homepage and in the Quick View.

    1. Incorrect Title on Product Grid Hover:
    When I hover over any product image in the “Products (grid or carousel)” widget, a tooltip appears that incorrectly shows my website’s title. How can this be fixed or removed?

    2. Styling the ‘Add to Cart’ Hover Banner:
    On that same widget, when hovering a product, a banner slides up from the bottom. I want to change its style to match the banner that appears in the Quick View popup (which is opaque with larger text). Could you please provide the complete set of CSS selectors for this slide-up banner component, so I can create a coordinated style for it?

    3. Removing the Title on Quick View Image Hover:
    In the Quick View popup itself, when I hover over the main product image, a text label with the product title also appears. How can I remove this hover effect on the Quick View image?

    Thank you for your help.

    Best regards

    • This topic was modified 1 month, 1 week ago by reneersloan.
    Attachments:
    You must be logged in to view attached files.
    #678230

    Hello,

    01, 03. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-image-thumbnail img,
    .woocommerce-product-gallery__wrapper img {
    	pointer-events: none;
    }

    02. You can change the product styles on hover from Theme Settings > Product Archive > Product Styles. If you need help with this current style, let me know. I will check and change the style.

    Best Regards,

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