Change background icon color with Font Awesome

looisky

Hi, I am using a font awesome code to generate and IMDB icon in my website (https://casaiv.com/portfolio-item/harding-jr/) .. But is the only one with a white background... I need to chage it to yellow (or any other color) how I can do that?

This is the code I am using. I need that the [icon_bar icon="fab fa-imdb" change to yellow the background.

<th>[icon_bar icon="icon-twitter" size="medium" link="https://twitter.com/HardingJunior" target="_blank" social="twitter"]</th>

<th>[icon_bar icon="icon-instagram" size="medium" link="https://www.instagram.com/harding.junior/" target="_blank" social="instagram"]</th>

<th>[icon_bar icon="icon-facebook" size="medium" link="https://www.facebook.com/HardingJunior/" target="_blank" social="facebook"]</th>

<th>[icon_bar icon="fab fa-imdb" size="medium" link="https://www.imdb.com/name/nm2289257/" target="_blank" social="IMDB"]</th>

Thanks..

Phil

Hello,

You can change it by writing CSS code, and placing it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help with writing it?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

looisky

Yes please... how is the code I need to put?.. thanks

Phil

Please, try the following one if you want to change the background:

.icon_bar_IMDB:hover{
   background-color: #edbf17!important;
}

This one if you want to change the icon color:

.icon_bar_IMDB:hover i{
   color: #edbf17!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next