Change Avatar colour when you hover

[wisinyyandel7]

Hi Guys, can someone can help me in change the colour hover for this in css?

This Avatar is in the footer. The hover for this image is #F00056 and this is the one that I want to change….I have been trying but nothing happens, is someone can help me to do that it would be great.

I have been trying to change in Style.css
Thanks guys! thank you @Sqadmin

<img class=”avatar user-1-avatar avatar-32 photo” width=”32″ height=”32″ alt=”Avatar of admin” src=”http://gravatar.com/avatar/2f0bea3b110b7278fb03488ec7fb0097?d=mm&s=32&r=G&#8221;

.latest-blog img {
width: 50px;
height: 50px;
display: block;
border-radius: 100%;
}
.avatar, .attachment-shop_thumbnail, .carousel-profiles li, .carousel-profiles img, .buddypress.widgets ul.item-list .item-avatar, .buddypress.widgets .avatar-block .item-avatar, #bbpress-forums div.bbp-forum-author .bbp-author-avatar, #bbpress-forums div.bbp-topic-author .bbp-author-avatar, #bbpress-forums div.bbp-reply-author .bbp-author-avatar, .search-item .avatar img {
border-radius: 3px !important;
}
a img {
border: medium none;
}
img {
}
img, object, embed {
max-width: 100%;
}
img {
height: auto;
}
* {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: border-box;
}
#footer a:not(.button) {
color: #FFF;
}
a:not(.button), div#main a:not(.button), #header .form-footer a:not(.button) {
color: #333;
}
a {
color: #F00056;
}
a {
color: #2BA6CB;
line-height: inherit;
}

[wisinyyandel7]

Hi everybody, I already did. All good.

This is the code:
.latest-blog span.avatar:hover {
background: none repeat scroll 0% 0% #FFF;
padding: 0px;
animation: 500ms ease-in-out 0s normal none 1 pulse;
border: 3px solid #FFF;
}

Thanks @Sqadmin

[Abe]

Great, glad you figured it out 😉

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts