Contact Icon and e-mail link color Home Page

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16529
    NatalyaNatalya
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    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
    NatalyaNatalya
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Shri

    #28432
    Digital GoldDigital Gold
    Member
    • Topics: 13
    • Replies: 24
    • Total: 37
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    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 GoldDigital Gold
    Member
    • Topics: 13
    • Replies: 24
    • Total: 37
    Member since: November 30, 2014

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

    #28447
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    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.