Top telephone icon problem

[myportal]

My top tel icon not show but I move the mouse cursor on that it show in white color which I want always show in white color. Is it not possible to make as default or custom thar show always in white icon color?

 

Please have a look at attachment 👇

[Yazmin]

By default the telephone icon is same color as the ‘Secondary Color’ setting and the circular background is by default slighty darker than the ‘Primary Color’. It changes to white color when hovering the cursor over it.

To override the background color of the phone icon to make it white color, add this css in Appearance > Customize > Additonal CSS:

.top-tel .fa{
    background: #fff;
}

If you want a different background color when hovering over the icon:

.top-tel .mobile-clear:hover .fa{
    background: #fff;
}

#fff is white color. Change this if you want a different color.

[Author]

Posts