[SOLVED] blockuserinfo change color when hovered

[MartyW]

Hello,

 

I am trying to change the colors/colors of the shopping cart via the css I have changed the static colour but now I need to change -

 

1) the text colour to white

2) the background colour when hovered over to #CC9966

 

I am trying to have 1 static colour #754C24 and one hovering/dynamic colour #CC9966 throughout the website like this

 

 

when the CART block is inactive it looks fine

 

 

but when it is active/hovered on the top element will not change colour

 

 

I have been looking in \modules\blockcart

 

}
#header #cart_block {
font-size:14px;
z-index: 10;
display:none;
position: absolute;
right: 0;
top: 65px;
height: auto;
width: 200px;
-moz-border-bottom-right-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
box-shadow: 0 1px 0 #C6C6C6;
background:#CC9966;
}
#cart_block_list{color:white}
#cart_block.cart_block_hover {
/*display:block;*/
background: #CC9966;

 

and i have also been looking in \modules\blockuserinfo

 

#shopping_cart a{
height: 15px;
padding:15px 27px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 10px 9px #754C24;
min-width: 130px;/* 200 */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;display:block}
#shopping_cart a:hover span{text-decoration: none}
#header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px }
#header_user #shopping_cart .ajax_cart_total { display:none !important; }

 

I just cant seem to find where the CSS is any thoughts on this would be great thanks

 

Marty

Edited August 9, 2013 by MartyW (see edit history)

[vekia]

/modules/blockuserinfo/blockuserinfo.css

add new style:

#shopping_cart a:hover {text-decoration: none; background: red;}

[Jiten rash (away)]

what u wanna change on hover ?

#shopping_cart a:hover span{text-decoration: none;

color:#?;

background:#?;}

Edited August 8, 2013 by Jiten rash (see edit history)

[vekia]

what u wanna change on hover ?

#shopping_cart a:hover span{text-decoration: none;

color:#?;

background:#?;}

#shopping_cart a:hover span will change only backgrund and font style for "cart" word, not for whole block

[Jiten rash (away)]

thats what he is asking for, read.

 

1) the text colour to white

2) the background colour when hovered over to #CC9966

[vekia]

we will see just wainting for response

[Jiten rash (away)]

see my issue http://www.prestashop.com/forums/topic/266916-site-scroll-problem/

[MartyW]

Hello and thank you both for your reply's I applied instructions from Vekia and added the code below to

 

module "blockuserinfo"

 

/*Added the hover code below to change the colour of the cart when hovered*/

#shopping_cart a:hover {text-decoration: none; background: #CC9966;}

 

}
#shopping_cart a{
height: 15px;
color:white;
padding:15px 27px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 10px 9px #754C24;
hover: #CC9966;
min-width: 130px;/* 200 */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;display:block}


/*.......................................................................................................................*/
/*Added the hover code below to change the colour of the cart when hovered*/
#shopping_cart a:hover {text-decoration: none; background: #CC9966;}
/*.......................................................................................................................*/



#header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px }
#header_user #shopping_cart .ajax_cart_total { display:none !important; }

 

It worked a treat the results where what I needed see here -

 

 

Thank you very much for the help, im going to push my luck and ask if either of you know how to get the top CART element to stay at the colour of #CC9966 when the user moves the cursor down to the list. It changes back to #754C24

 

See here -

 

 

 

This can be done as it is done in the HOME tab see picture 1 -

 

 

Thanks again for all the help

Edited August 8, 2013 by MartyW (see edit history)