Remove "Phone Image"

I won't be taking phone calls from this website. How can I remove the "phone image" in the header?

 

Hello,

Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header .contactinfo img {
display: none;
}
a.btn {
display: none;
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.header .contactinfo{
float: none;
text-align: center;
margin-right: 0px;
}}
@media only screen and (max-width: 480px){
.header .contactinfo{
float: none;
text-align: center;
}}

This will remove the phone image.

 

I'm not having luck with it removing the phone image

 

http://goodintentionsyoga.com/ceramicafe/

 

Hello,

You have posted colorway theme query in the infoway thread. That's why last solution is not working.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.call-us {
display: none;
}
 
@media only screen and (max-width: 480px){
.header-info a.btn {
display: none;}}

I hope it will work .

 

I used this and it worked, but I'd like to change the font on my site. Especially the font that is next to where the phone was.
How do I do this?

 

Hello,

Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header .contactinfo span.calldetails {
font-family: symbol;
font-size: 17px;
}

In place of "symbol" you can put your font type
and you can also adjust the value of "font-size" as per your requirement.