X-Cart forums

[madhatter717]

hi guys,

I would like to change the color of the mini-cart div to match the background color of my header.

the default background color is: #eff8fe

This is simple enough through css all i need to do is target the div through specificity, so this is my css

#header .block .content {background-color: #2660A5;
border: 1px solid #2660A5;
}

and voila the mini-cart changes color which is awesome, but xcart has a habit of throwing a curve-ball.

When I hover my mouse over the mini-cart it changes back to the default color of #eff8fe.

I have searched the css for a psuedo class of :hover and cant seem to find one for this div

can you please tell me where the controlling class for this div is on a hover event so that I can change the background-color of the psuedo class :hover

I need the background-color to be completely uniform and currently I can change the background-color of the div but not the hover state.

thanks

[qualiteam]

Here is the code that makes the block white:

.lc-minicart:hover {
    background-color: white;
}