Topic: Customizing Integrity hover icons

Tagged: x

Author

Posts
February 7, 2017 at 10:41 am #1361394

Pablo F
Participant

Hi,

I would like to know if it´s possible:

As you can see in the attached capture, there are some default hover icons in several post and portfolio items.

Is there some how any way to change them for anther custom png symbol that match our customer´s company logo?

Thank you in advance.

February 7, 2017 at 11:25 am #1361469
Thai
Moderator
Hi There,

Please try adding the following CSS:
```
.x-recent-posts .x-recent-posts-img:before,
.entry-thumb:before {
    content: '' !important;
    background: url(//image.flaticon.com/icons/svg/185/185971.svg) no-repeat center center;
}
```
Replace //image.flaticon.com/icons/svg/185/185971.svg with your image.

Hope it helps 🙂
February 7, 2017 at 12:34 pm #1361567

Pablo F
Participant

It worked like a charm!

Thank you so much.

February 7, 2017 at 12:41 pm #1361575

Jade
Moderator

You’re welcome.

March 6, 2017 at 7:21 am #1396189

Pablo F
Participant

Hi again,

And how could I change the black hover background in the portfolio items?

Thank you.

March 6, 2017 at 7:30 am #1396207

Thai
Moderator

Hi Pablo,

Would you mind providing us with your website URL so we can take a closer look?

Thanks.

March 6, 2017 at 11:38 am #1396532

Pablo F
Participant

This reply has been marked as private.

March 6, 2017 at 12:42 pm #1396616
Rupok
Member
Hey there,

Let’s add this CSS and set your own color :
```
.x-portfolio .entry-thumb {
    background-color: #f54;
}
```
Cheers!
March 6, 2017 at 12:56 pm #1396648

Pablo F
Participant

Thank you!

March 6, 2017 at 4:40 pm #1396889

Nabeel A
Moderator

Glad we could help 🙂

Cheers!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1361394 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>