Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • February 14, 2015 at 6:23 am #396107
    ShortieD

    Hey guys – what do I need to target to style the current menu text colour? I’ve had a look but can’t find it?

    see here
    http://sdtest.info/ntq/

    Cheers

    February 16, 2015 at 3:13 am #396506
    Andy

    Hi ShortieD!

    use this code: 

    .header_color span {
color: blue;
}

    Cheers!
    Andy

    February 17, 2015 at 9:41 am #397309
    ShortieD

    Hi Andy – that changes the colour for all the navigation links – I just want to target the ‘current’ page link – eg when you’re on the home page it’s just the text ‘home’ that is a different colour?
    Cheers

    February 17, 2015 at 1:07 pm #397438
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .av-main-nav > li.current_page_item > a {
color: red!important;
}

    Best regards,
    Yigit

    February 23, 2015 at 8:39 am #400431
    ShortieD

    thanks folks – that worked

    February 23, 2015 at 12:23 pm #400570
    Dandy

    @Yigit

    This works only, when we have no dropdown Menu.
    When i use a Megamenu than i see the active menu only in span black, without the colored underline.
    What must i write in quick CSS that it changes the span black to other color, too?

    February 23, 2015 at 12:26 pm #400576
    Yigit

    Hey!

    You are welcome @shortied, glad we could help!


    @dandy-power     Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a { color: orange; }

    If that does not help, please post the link to your website

    Regards,
    Yigit

    February 23, 2015 at 12:41 pm #400589
    Dandy
    This reply has been marked as private.
    February 23, 2015 at 12:59 pm #400596
    Yigit

    Hi!

    Please add following code to Quick CSS 

    li.current-menu-item>span>a {
color: black !important;
}

    Best regards,
    Yigit

    February 23, 2015 at 1:05 pm #400601
    Dandy
    This reply has been marked as private.
    February 23, 2015 at 1:14 pm #400616
    Yigit

    Hey!

    Please flush browser cache and refresh your page a few times, it does work fine on my end – http://i.imgur.com/TRy4c2g.png
    If that is not what you wanted, please elaborate.

    Regards,
    Yigit

    February 23, 2015 at 1:21 pm #400620
    Dandy

    Hi,

    sry now i see it. But i do not mean this.
    When you got to the Page 5-achsen-fraesen , than it should show “Verfahren” in green color.

    February 23, 2015 at 1:25 pm #400622
    Yigit

    Hey!

    Please use following code

    li.current_page_ancestor>a {
color: green!important;
}

    if you would like to show menu fx, add following code as well 

    li.current_page_ancestor>a>.avia-menu-fx {
opacity: 1;
visibility: visible;
}

    Regards,
    Yigit

    February 23, 2015 at 1:53 pm #400635
    Dandy

    Hi, perfect

    thx this looks nice :-) Menu fx show also, but can i change the the color for menu fx, into green?

    You post me this code and it looks like this http://i.imgur.com/TRy4c2g.png :

    li.current-menu-item>span>a {
color: green !important;
}

    But this does not show on a normal dropdown menu (look at Menupoint Kontakt).
    Can u give me a quick CSS also for normal dropdownmenu?

    BTW: Can u please show me a way how i get a colored Number 4 in the Menu, looks like the same as on your website by Jobs?
    And what font you had used for the Enfold Logo http://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png ?

    February 24, 2015 at 1:01 pm #401358
    Yigit

    Hi!

    1- Please add following code to Quick CSS to change the color of menu FX 

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

    2- Please refer to my post here – https://kriesi.at/support/topic/update-flag-or-icon-in-menu/#post-331645

    Regards,
    Yigit

    February 24, 2015 at 1:25 pm #401379
    Dandy

    Hi,

    thx for your reply.
    Dropdown
    When i click on Impressum. What must i write in quick CSS that “Impressum” is color green when active , same as here:

    Thx for the link with the Icon menu i will test it.
    Can you say me the fontstyle name from the Enfold logo?

    regards manuel

    February 24, 2015 at 1:47 pm #401390
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-main-nav ul li.current_page_item a {
color: red !important;
}

    I asked Kriesi which font family he used on Enfold logo. He may not want to share it, if he does, i will post it here.

    Best regards,
    Yigit

    February 24, 2015 at 1:53 pm #401398
    Dandy

    Hi,

    it works, icon in menu too.
    Thx for your help. And thx for the nice supoprt!

    regards Manuel

    February 24, 2015 at 1:56 pm #401402
    Yigit

    Hey!

    You are welcome, glad we could help! I am closing this topic for now, if Kriesi shares the font family, i will post it here. Feel free to start a new thread if you have any other questions or issues :)

    Regards,
    Yigit

    February 24, 2015 at 2:40 pm #401429
    Yigit

    Hey!


    @dandy-power     Font family used in Enfold logo is “Gotham Bold”. Google font “Montserrat” bold looks similar imo :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘style the current menu text colour’ is closed to new replies.