Archived topic
Need to modify CSS file for quickview pop-up
3 replies · Started by Javier on August 24, 2019
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.-
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.
Can't thank you enough David!!
Glad to be of help
