Docs

[Eyoael]

Hi,

How can i create a circle around my icons and hover effect? View example page for reference
http://codeless.co/specular/default/#.

Best regards
Eyoael

[Christian]

Hey Eyoael,

Please see

Thanks.

[Eyoael]

This reply has been marked as private.

[Joao]

Hi Eyoael,

Please add the following code instead:

.lnr-cog:hover {
background: darkgrey;
border-color: darkgrey;
}

Hope it helps

Joao

[Eyoael]

Hi Joao,

It’s almost there, but if you look at the example that i provided when u hover on the icon the icon it self should be white and the background should be this color #10b8c7. I tested to change the background color and border color from dark gray to #10b8c7 but then when i hover over the icon it down’t show because the icon it self is this #10b8c7, how can i fix this?

Best regards
Eyoael

[Jade]

Hi there,

Please add this code:

.lnr:hover {
    border-color: #10b8c7;
    background-color: #10b8c7;
}

.lnr:hover:before {
    color: #fff;
}

Hope this helps.

[Eyoael]

Hi,

Thanks for the help that works just fine.

Best regards
Eyoael

[Lely]

You’re welcome Eyoael!

Cheers!

[Author]

Posts