How to add hover to logo - Support | Kriesi.at

Tagged: logo

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 6, 2013 at 6:57 pm #22906

tobiasfuchs
Participant

Hallo there,

I just bought your enfold wordpress theme and im very impressed about the mass of helpfull features. Thank you for this great theme!

Please help me to find a solution for this case:

I am using the “small fixed header”, so the logo scales down when scrolling down.

Now I would like to add a hover effect to the img logo. I have already tried a lot, but didn’t archived it yet.

I look forward to your answers.

Thanks a lot in advance!

Best regards

Tobi

May 6, 2013 at 7:24 pm #117774
Ismael
Moderator
Hi,

I tested this using the enfold logo however this is only going to work on a non-fixed header. Please try to import the dummy data and test this one. Put this code on your custom.css
```
.logo a:hover {

display: block;

width: 192px;

height: 88px;

background: url(../images/layout/logo2.png) no-repeat;

padding: 0 !important;

}



.logo img:hover {

padding: 0 !important;

position: absolute;

left: -9999px;

}



.logo img {

padding: 0 !important;

}
```
Regards,

Ismael
May 6, 2013 at 8:44 pm #117775

tobiasfuchs
Participant

Hi Ismael,

Thanks you for your answer. I will try your suggestion.

Is there really no possibility to add hover effect to fixed shrinking header? :)

Best regards,

Tobi

May 8, 2013 at 12:50 pm #117776
Devin
Inactive Moderator
Hi Tobi,

It really just depends on what you want to do. On a basic level, you can just use:
```
.logo a:hover{

opacity: .5;

}
```
For anything more complicated, you would need a bit more complicated css.

Regards,

Devin
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to add hover to logo’ is closed to new replies.