Lowercase or Uppercase

roaxdesign · May 2016

Hi there,

When i activate the megamenu the first layer (subtitle links) are UPPERCASE. How can i get these to lowercase? i've tried everything.

Albert · May 2016

Hi,

please send us link to page where you have uppercase items first.

Thanks!

roaxdesign · May 2016

http://www.jkoudstaal.com/JKE/de-praktijk/werkwijze-en-vergoeding/

It's on the menu item 'DE PRAKTIJK' (these ones needs uppercase) but the submenu needs lowercase.

roaxdesign · May 2016

What is the custom css for this? anybody?
And whats the css code for getting the menu text item bold if you are on that certain page?

Albert · May 2016

The link you sent us above, does not work unfortunately. Would be great if you can send us working path.

roaxdesign · May 2016

http://www.jkoudstaal.com/JKE/

Albert · May 2016

Ok, thanks. So to change sub-menu items text, you need to use the following css:

#Top_bar .menu li ul li a span { text-transform: lowercase !important; }

roaxdesign · May 2016

Thanks, it's working.

Can you also help me with the active page needs to be bold in the menu. I've tried to change the code within the CSS with the line under the active ancestor but didn't do the trick.

Albert · May 2016

To bold active menu item, use:

#Top_bar .menu > li.current-menu-item a { font-weight: bold !important; }

roaxdesign · May 2016

Thanks working on the main-menu

but it it possible that the submenu item gets bold instead of the main menu item?

Albert · May 2016

For the sub-items, you need to use:

#Top_bar .menu li ul li a { font-weight: bold !important; }

roaxdesign · May 2016

Hi Muffingroup,

Thanks, but i only want the active page to be bold in the sub-menu

This code makes all the sub-menu items bold.

#Top_bar .menu li ul li a { font-weight: bold !important; }

Albert · May 2016

You didn't wrote anything that you would like to make it bold for active items. Anyway, to make just active sub-menu item bold, you need to use:

#Top_bar .menu li ul li.current-menu-item a { font-weight: bold !important; }

roaxdesign · May 2016

Thanks! That does the trick.

Albert · May 2016

You are welcome

Lowercase or Uppercase

Comments