Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 27, 2016 at 8:47 pm #573242
    mcraig77

    Ahoy –

    How do I change the background color of the bar when it is in the transparent header?

    How do I change the text/icon color of the bar when it is in the transparent header?

    How do I change the background color of the bar when it is in the normal (scroll down) header?

    How do I change the text/icon color of the bar when it is in the normal (scroll down) header?

    How do I change the font size of the phone number for both?

    January 28, 2016 at 3:03 am #573419
    Elliott

    Hey mcraig77!

    You can style the menu in Dashboard > Enfold > Advanced Styling.

    Use this CSS to style it when scrolling down the page.

    .header-scrolled a.avia-menu-text {  }
.header-scrolled a:hover .avia-menu-text {  }

    Use this CSS for the phone number.

    .phone-info span { font-size: 14px !important; color: white !important; }

    Regards,
    Elliott

    January 28, 2016 at 4:48 am #573470
    mcraig77

    Cool!

    Is there a way to give the background color before i scroll down?

    any way I can increase the size of the phone icon?

    January 28, 2016 at 11:56 pm #574185
    Vinay

    Hey!

    To give background color to header before scroll

    Add this to Enfold > General Styling > Quick CSS

    
#header {
    background: rgba(0, 0, 0, 0.8);
}

    If you increase the icon size the font size of the numbers also increase but try this CSS

    
.phone-info  .av-icon-char {
font-size 30px!important;
}

    Regards,
    Vinay

    January 29, 2016 at 2:31 am #574238
    mcraig77

    Hmmm… the phone icon doesn’t seem to be increasing…

    February 1, 2016 at 5:10 am #575532
    Rikard

    Hi,

    I’m getting a 404 error on the link and the icon is not showing?

    Regards,
    Rikard

    February 1, 2016 at 5:55 am #575552
    mcraig77

    Sorry here is the site

    February 1, 2016 at 4:58 pm #575896
    Yigit

    Hey!

    I changed 

    .phone-info span { font-size: 13px !important; color: white !important; }

    into following one 

    .phone-info span { font-size: 13px; color: white !important; }

    Please review your website now

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.