Header Contact Info Text Color

I cannot change the header contact info from white to black and the background to white. It would also be nice to have it with the menu when scrolling down (sticky). I already tried to change the color on the customize section of the theme and it is not working. I change it to white background black text and there are no changes.

Hi,

Thank you for contacting us. I am happy to help with your queries.

I cannot change the header contact info from white to black and the background to white.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .header-contact {
      background-color: #fff !important;
    }

    .header-contact .container,
    .header-contact .container a {
      color: #000;
    }

I already tried to change the color on the customize section of the theme and it is not working.

Try doing these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function($){
          

        if( $('.header-contact').length ){

          var contact = $('.header-contact').html();
          var newContact = '<div class="header-contact">'+contact+'</div>';

          $('#masthead').prepend(newContact);
          
        }

    })(jQuery);
  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    #masthead .header-contact{
      display: none;
    }

    @media only screen and (min-width:992px){
      #masthead.float-header .header-contact{
        display: block;
      }
    }

I’d request giving it a try and let me know your views.

Regards,
Kharis
aThemes Support