[SOLVED] Change Sign In background color when mouse over on it

[R124l]

Hi,

 

I am using prestashop 1.6.0.8, and I want to change the background color of sign in block when mouse over it (Image attach). but I can't find css file related this block.

 

Can anyone tell me where I can change the color?

 

 

 

 

[Paulito]

Hello

 

Have you had a look at:

blockuserinfo.css

around line 16 and change this colour

 

.header_user_info {

  float: right;

  border-left: 1px solid #515151;

  border-right: 1px solid #515151; }

  .header_user_info a {

    color: white;

    font-weight: bold;

    display: block;

    padding: 8px 9px 11px 8px;

    cursor: pointer;

    line-height: 18px; }

    @media (max-width: 479px) {

      .header_user_info a {

        font-size: 11px; } }

    .header_user_info a:hover, .header_user_info a.active {

      background: #2b2b2b; }  (change this colour)

 

Paul

[vekia]

Hi,

 

I am using prestashop 1.6.0.8, and I want to change the background color of sign in block when mouse over it (Image attach). but I can't find css file related this block.

 

Can anyone tell me where I can change the color?

 

topbar.jpg

 

hello

you changed something in styles

can you share url please?

im affraid that it's blockuserinfo.css line ~15

.header_user_info a:hover, .header_user_info a.active {
background: #2b2b2b;
}

EDIT:

 

oops i missed fact that Paul replied

[R124l]

Hi Vekia,

 

Yes I try to change the theme color. I still working on it. here is my url www.duniadaging.com/mainsite if you want to see the changing that I have made.

 

I just tried the way Paulito told me, now I can change the color. I'am very happy.

 

Thank you Paulito adn Vekia for your support

[vekia]

thanks for informations

so it's time to mark this topic as solved

i marked paul answer as a solution to your question

 

now everyone will be able to change hover color for dispalyNav buttons EASILY :-)

[jobumex]

I was having issues getting the "Sign In" hover color changed on version 1.6.0.9 and the information above is not in the blockuser css, I was using one of the sub themes of the themeconfigurator also. On all the sub-themes the CSS is written like this, of course the background color may change:

 

#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,

#header #languages-block-top div.current:hover,

#header #languages-block-top div.current.active,

#header #nav-row .header_user_info a:hover,

#header #nav-row .header_user_info a.active {

  background: #b7b7b7;

  color: white; }

 

If you're having trouble getting the color to change on hover then delete "#nav-row" on the lines for ".header_user_info" and the hover color will take after you change it. So new id will be "#header .header_userinfo a:hover and #header .header_user_info a.active". Or you can add these two lines to the blockuser css:

 

#header .header_user_info a:hover,

#header .header_user_info a.active {

  background: #b7b7b7;

  color: white; }

 

As the hover information is no longer there. Odd.

 

FYI.