Change background icon color with Font Awesome

looisky · November 2021

Hi, I am using a font awesome code to generate and IMDB icon in my website ([Links visible only for registered users]) .. 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="[Links visible only for registered users] target="_blank" social="twitter"]</th>

<th>[icon_bar icon="icon-instagram" size="medium" link="[Links visible only for registered users] target="_blank" social="instagram"]</th>

<th>[icon_bar icon="icon-facebook" size="medium" link="[Links visible only for registered users] target="_blank" social="facebook"]</th>

<th>[icon_bar icon="fab fa-imdb" size="medium" link="[Links visible only for registered users] target="_blank" social="IMDB"]</th>

Thanks..

Phil · November 2021

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

looisky · November 2021

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

Phil · November 2021

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

Change background icon color with Font Awesome

Comments

This website uses cookies