Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #545299

    Hello Enfold team,

    I’d like to change just the active link color of the “Full width Sub Menu” – instead of framing the (active) word or having a colored button style, that would be more decent.

    I checked other posts, but could not find it – nor figure it out myself :(

    Its such a great theme !

    Best, AB

    #545301

    Hey anma!

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

    .av-submenu-container li.current-menu-item > a > .avia-menu-text {
        color: orange;
    }

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

    Best regards,
    Yigit

    #545338

    Hi Yigit,

    Thank you for your quick reply, but it does not change anything > look at http://up2us-consulting.com/consulting/risques/

    The Link “risques” should be orange – I kept it “default” inside – the signs > are ok (not transformed)

    Do you have another solution ? Also I’d like to increase the font siz a bit.

    Best,

    AB

    #545343

    Hi!

    Please use following code instead

    .page-id-285 li.menu-item-top-level-5 > a > .avia-menu-text {
        color: orange;
    }
    #top .av-subnav-menu > li > a {
        font-size: 14px;
    }

    Would you like to apply the color changes to that certain page?

    Regards,
    Yigit

    #545354

    Hi Yigit,

    Thank you this works.

    I’d like to ad it to these 5 items (the active ones) – but it could be everywhere – where I use the “Full width Sub menu” also on other pages – is this possible?

    Great support as ever :)

    Best, A

    #545358

    Hey!

    In that case, first code i posted should have worked. Your menu items are not getting correct attributes for some reason. Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Regards,
    Yigit

    #545376

    Hi Yigit,

    Le voilà,

    Merci,

    AB

    #545380

    Hi!

    I see. I will report it to our devs. For this submenu and its pages, please change color code i posted here – https://kriesi.at/support/topic/full-width-sub-menu-styling-of-active-menu-item-font-color-change/#post-545343 to following

    .page-id-285 li.menu-item-top-level-5 > a > .avia-menu-text,.page-id-289 li.menu-item-top-level-4 > a > .avia-menu-text,.page-id-289 li.menu-item-top-level-3 > a > .avia-menu-text, .page-id-291 li.menu-item-top-level-2 > a > .avia-menu-text, .page-id-304 li.menu-item-top-level-1 > a > .avia-menu-text {
        color: orange;
    }

    Regards,
    Yigit

    #545804

    Hi Yigit,

    Yes this works perfectly, my client is very happy

    Merci,

    AB

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full width Sub Menu – styling of active menu item (font color change)’ is closed to new replies.