-
AuthorPosts
-
December 1, 2015 at 3:50 pm #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
December 1, 2015 at 3:55 pm #545301Hey 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,
YigitDecember 1, 2015 at 4:22 pm #545338Hi 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
December 1, 2015 at 4:25 pm #545343Hi!
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,
YigitDecember 1, 2015 at 4:33 pm #545354Hi 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
December 1, 2015 at 4:41 pm #545358Hey!
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,
YigitDecember 1, 2015 at 5:02 pm #545376Hi Yigit,
Le voilà,
Merci,
AB
December 1, 2015 at 5:12 pm #545380Hi!
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,
YigitDecember 2, 2015 at 10:41 am #545804Hi Yigit,
Yes this works perfectly, my client is very happy
Merci,
AB
-
AuthorPosts
- The topic ‘Full width Sub Menu – styling of active menu item (font color change)’ is closed to new replies.