Home Forums Pro Themes Business Hub Pro How to change font color in address, phone-number and email in header?

This topic contains 5 replies, has 2 voices, and was last updated by  wensolutions 1 year, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #69899

    Jörgen Jonsson
    Participant

    I want to change the color to white color in the header where we have our address, phone-number and email-address to our company. How can I do that, I have tryed everything and I can change everything except that.

    #69926

    wensolutions
    Keymaster

    Hello @Jörgen Jonsson,

    The default color of the header section that you have mentioned is already white but in case if you to change the color other then white then please use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .woocommerce ul.products li.product .onsale {
        display: none;
    }

    You can change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

    #69937

    Jörgen Jonsson
    Participant

    It is not working. Are you sure we talking about the same thing? I mean – theme options – header and I select header 1 and then i get the address, phonenumber and email in the header, but the color of that is dark grey and it doesn’t matter how much I change the color options, it stays dark grey…Phone number and email is links so they I guess get the same color as the other links in the site, bur the main thing is that I can´t change it….

    Best regards

    #69939

    wensolutions
    Keymaster

    Hello @armolack,

    First of all, we would like to apologize for the misunderstanding.

    Please use below given CSS to change the color of the icon that appears beside the phone no, email.

    body, a, .top-bar .social-links i:hover{
        color: #1688cf;
    }

    Now to change the text color use below given CS.

    .contact-info-section .contact-information dd a, .contact-info-section .contact-information dd p {
        color: #E91E63;
        
    }

    Here change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

    #69941

    Jörgen Jonsson
    Participant

    Now it works, thank you very very much 🙂

    #69950

    wensolutions
    Keymaster

    Hello @arnolack,

    Glad we could help you.

    If you have any issue further please let us know.

    Thank you.

    Best Regards!!

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

You must be logged in to reply to this topic.