Change background icon color with Font Awesome
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..
Comments
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
Yes please... how is the code I need to put?.. thanks
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