Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 5, 2017 at 3:59 pm #860623
    Freek

    Hi,

    I try to change the color of my phone number hen using a transparent header.
    I use this code:
    .header_color .phone-info { font-size: 18px; font-family: 'Avenir', 'HelveticaNeue', 'Helvetica Neue'; color: white !important; }

    This does not work. Can you point me in the right direction?
    Website: https://fun-thrills.nl
    THX Freek

    October 5, 2017 at 4:07 pm #860631
    Yigit

    Hey Freek,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av_header_transparency .phone-info span {
    color: white!important;
}

    Best regards,
    Yigit

    October 5, 2017 at 7:35 pm #860730
    Freek

    That did the trick. Thanks.
    One final question. I changed the color of the small bar above de header menu to black (styling extra) but now I want this small bar transparent.
    Is that possible? I tried several suggestions but no luck.
    THX Freek

    October 5, 2017 at 7:55 pm #860734
    Yigit

    Hey!

    Sure, please add following code to Quick CSS as well

    #top #header_meta {
    background-color: transparent;
}

    Cheers!
    Yigit

    October 6, 2017 at 9:09 am #860904
    Freek

    Thanks. Awesome!
    Freek

    October 6, 2017 at 11:00 am #860936
    Nikko

    Hi Freek,

    Glad that Yigit helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Transparent header phone color’ is closed to new replies.