[Resolved] Need to modify CSS file for quickview pop-up

Home Forums Support Need to modify CSS file for quickview pop-up

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #992143
    Javier

    Hey guys, I hope you can help me. I’m using GeneratePress Pro, Elementor Pro, and Woocommerce. I’ve installed Woolentor plugin which has a quick view function for the products on the category section (ie when you see all products in a category, each one displays 2 options on hover, quick view and add to cart). Problem is that the quick view window that pops-up needs some CSS adjustments and I can’t find where in GeneratePress to modify it. The Woolentor support team told me the quick view config comes from the theme.
    Thanks in advance.
    Cheers.-

    #992192
    David
    Staff
    Customer Support

    Hi there,

    GP doesn’t control the styling of plugins, there are some styles a plugin may inherit from the theme. In this case the plugin has added its own CSS that is breaking the Qty Form alignment – which you can fix with this CSS:

    #ht-quick-viewmodal .quantity {
        display: flex;
    }

    The plugin also adds it own styles to the Heading with this CSS:

    #ht-quick-viewmodal.woocommerce div.product .product_title {
        color: #010101;
        font-size: 24px;
        line-height: 1;
        margin: 0;
    }

    You can add that CSS and adjust the settings if you need to.

    #992377
    Javier

    Can’t thank you enough David!!

    #992558
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.