Removing the squares from around the icons in the header contact info section

Hi there,

Is there any way I can remove the white square box from around the phone and email icons in the header contact info section? I just want the icons only, no boxes around them.

This is what I am referring to:

Here is a link to the full site:


Hello Paul,

Please try to use the following CSS code instead of the code that I posted in this topic:

body .header-contact div {
    font-size: 14px;

body .header-contact i.fa {
    font-size: 14px;
    padding: 5px;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    border: none;

Kind Regards, Roman.

Thank you, that worked.

Great, you are welcome Paul!

And have a nice day :slight_smile:

Kind Regards, Roman.