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

[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.-

[David]

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.

[Javier]

Can’t thank you enough David!!

[David]

Glad to be of help

[Author]

Posts