Modify colour in header contact info

Hi my site is https://personalizatusjoyas.com. I would like to change the color of the text of the contact info header. When I do it from customize-> Extra options -> Header contact info -> Contact color the color doesnt change.

How can I modify it? Thanks in advance!

Hello there,

Alternatively you can use the below CSS code:

    .has-hero .header-contact {
      background-color: #fff000;
    } 

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

Hi Kharis, its works perfect.

Can you tell me how can I change the color of the text and the color of the icons?

Thank you very much

Hello there,

You can use this code:

    /* Text color */
    .has-hero .header-contact,
    .has-hero .header-contact a {
      color: #000;
    }

    /* Icon color */
    .has-hero .header-contact .fa:before {
      color: #999;
    } 

Regards,
Kharis

Thank you very much, Kharis, its works perfect!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis