Reply To: Top telephone icon problem

[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.