View Single Post
  #1  
Old 01-06-2017, 02:17 PM
 
madhatter717 madhatter717 is offline
 

Member
  
Join Date: Oct 2016
Posts: 24
 

Default changing the color of the minicart div in the header

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
__________________
x-cart business 5.2.14
Reply With Quote