UserThomas wrote:When I copy the code in the style.css (lines 4216 to 4476) file to my custom.css file, the quickview does not correctly invert the colors. It looks like only the background color does not change on hover. It should turn from the set color to white.
I don't make any changes to the code, just copy paste. If I do change the color hex, the same things happens, just with the new color.
Other buttons work fine ie: All the buttons on the shopping cart page (update shopping cart, continue shopping, checkout...)
Getting the same issue with the mini-cart Go To Cart button.
Hi Thomas,
As far as I understand when hover on these 2 buttons the background does not change to white. Is this correct?
The white background has nothing to do with the color presets so if this particular styles are not changed the white background will be displayed on hover.
You can search for the following css styles and make sure they are present and not overridden with any custom code:
.mini-shopping-cart input[type="button"]:hover {
border: 2px solid #e87772;
background: #fff; color: #e87772;
}
in 980.css file
and the following .product-grid .quick-view-button a:hover {
background-position: left -21px;
border: 2px solid #e87772;
background-color: #fff; color: #e87772;
}
in Plugins\SevenSpikes.Nop.Plugins.QuickView\Themes\Allure\Content\QuickView.css file.
If they are present but on hover the background is not white I am afraid that there will be some other styles that should not be applied. In this case we will need a link to the website so that we can have a look at what might be changed!
Best Regards!