Contact Icon and e-mail link color Home Page

[NatalyaMemberTopics: 1Replies: 1Total: 2 Member since: December 13, 2015]

Hi,
Thanks for your theme.
Could you please advise me how to change the color of telephone icon and hover color of e-mail on the top contacts. Impossible to find it in the Settings, it stays orange 🙁
Website Under construction : http://photoecrins.fr
Thanks in advance !

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

Hi,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Paste this css code in custom css box.
.topbarleft a:hover {color:#2eacc7;}

Regards,
Shri

[NatalyaMemberTopics: 1Replies: 1Total: 2 Member since: December 13, 2015]

Hi Shri, thanks, it works great for the email.
And is it possible to change the color of the phone number icon on the right of the topbar (or at worst to remove this icon)? Sorry to annoy you with this.
Thanks!

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

Hi,

Phone number icon is a image. you have to change color of that image.

Regards,
Shri

[Digital GoldMemberTopics: 12Replies: 24Total: 36 Member since: November 30, 2014]

Same query, how to change the contact phone image to white in IT Consultant Pro please? http://ab0.b92.myftpupload.com/

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

Hi,

Change the color of that image using any image editing software like photoshop and save it in .png format.

Regards,
Brad

[Digital GoldMemberTopics: 12Replies: 24Total: 36 Member since: November 30, 2014]

Thanks Brad, where is it hidden in the script to replace it? Cheers

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

Hi,

You can change it via CSS. Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

h4.phone {
background: rgba(0, 0, 0, 0) url(“//sktthemesdemo.net/itconsultant/wp-content/themes/it_consultant_pro/images/icon_phone.png”) no-repeat scroll left 2px;
}

You have to replace the image URL in the above CSS code.

Regards,
Brad

[Author]

Posts