Contact Icon and e-mail link color Home Page

Home Forums BeFit Theme Support Contact Icon and e-mail link color Home Page

This topic contains 7 replies, has 3 voices, and was last updated by  Forum Moderator 2 years ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16529

    Natalya
    Member
    • Topics: 1
    • Replies: 1
    • Total: 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 !

    #16562

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16885
    • Total: 16885
    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

    #16576

    Natalya
    Member
    • Topics: 1
    • Replies: 1
    • Total: 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!

    #16581

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16885
    • Total: 16885
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Shri

    #28432

    Digital Gold
    Member
    • Topics: 12
    • Replies: 24
    • Total: 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/

    #28436

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16885
    • Total: 16885
    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

    #28438

    Digital Gold
    Member
    • Topics: 12
    • Replies: 24
    • Total: 36
    Member since: November 30, 2014

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

    #28447

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16885
    • Total: 16885
    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.