Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 1, 2015 at 11:18 pm #512472
    amester55

    Hi

    Thank you for all your help.

    In the main menu navigation links – I was able to remove the line that indicates what page you are on – but have not figured out how to change the color of the name of the current page.

    Thanks in advance.

    October 2, 2015 at 8:53 am #512613
    Rikard

    Hey amester55,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    October 2, 2015 at 1:10 pm #512753
    amester55

    Hello,

    The link is in the private content.

    Thanks

    October 2, 2015 at 1:14 pm #512758
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { 
color: orange !important; 
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    November 28, 2015 at 5:33 am #543913
    Micheal0424

    That worked great for me, thanks.

    Follow up question:

    How do I remove the line below the current page in the navigation menu or at least control the color?

    I have the button style selected for one of my navigation menu items so I am using the Theme Options/General Stylings/Logo Area/Primary Color set to the color I need which is also making the line underneath the navigation menu links colored.

    If i can use some Quick CSS to remove or control the color of the line underneath the navigation menu items that would be great.

    Thank you very much for any help you can provide.

    November 28, 2015 at 10:18 pm #544019
    Basilis

    Hi!

    At the same code, use the border-bottom attibute to control it, either with a border: none or border-color.

    Let us know if that works fine.

    Cheers!
    Basilis

    November 29, 2015 at 7:58 am #544076
    Micheal0424

    Is that what you mean?:

    .border-bottom .main_menu ul:first-child > li.current-menu-item > a, .border-bottom .main_menu ul:first-child > li.current_page_item > a {
    color: black !important;
    }

    Thank you.

    November 30, 2015 at 2:20 pm #544487
    Yigit

    Hi!

    No, please add following code to change its color

    .avia-menu-fx {
    background-color: red!important;
}

    and following one to remove it

    .avia-menu-fx {
display: none !important;
}

    Cheers!
    Yigit

    November 30, 2015 at 9:53 pm #544821
    Micheal0424

    That worked perfectly, thank you so much for your help.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change color of current page on main navigation’ is closed to new replies.