Ubermenu formatting of submenu headers

[bakrona]

Hi there, i have two ubermenus where the submenu headings are bold, left aligned and have a line below. I created a new ubermenu with submenu called “LUFTKEIME” and would like to have the same styling. how can I achieve this?

[bakrona]

[ruenel]

Hello @bakrona,

Thanks for writing in!

Please go to Appearance > Ubermenu > Main UberMenu Configuration > Style Customizations and look for the Column Header Font Weight where you can set it to “Bold”.

Hope this helps.

[bakrona]

Hi there

I checked the settings and it is already on bold. I am talking about the headers in the submenu which i marked red in the picture. I see that 2 submenus have headers in bold and a line below so i assume there is CSS addressing these two submenus already but i cant find it. I need the headers of the submenu “LUFTKEIME” to look the same. I would be thankful if you could point me to the right direction where this styling is done.

if i put custom CSS tweaks in the ubermenu it addresses, the menu items TEMPERATUR and PARTIKEL but not menu item LUFTKEIME

for example:
.ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
border-bottom: 1px solid blue;
}

[marc_a]

Hi @bakrona,

I check your LUFTKEIME ubermenu and it seems that it is not a header based on the CSS class selector. I suggest that you double check and compare it with your other ubermenu items.

On the other hand, if you wish to edit it using custom CSS, you may use this CSS selector:

.ubermenu-skin-vanilla #menu-item-17392 .ubermenu-submenu > .ubermenu-column.ubermenu-has-submenu-stack > a {
	border-bottom: 1px solid blue;
}

Hope that helps.

[bakrona]

Thanks for that input.

I managed to style. However I would be thankful if you could let me know the CSS selector for the

“ubermenu-target-title ubermenu-target-text” ÜBERSICHT. I need to style this as well because it looks different from the other items

[prakash_s]

Hello @bakrona,

You can use this CSS selector for that menu text to style .

li#menu-item-17440 a.ubermenu-target.ubermenu-target-with-image span.ubermenu-target-title.ubermenu-target-text {
    
} 

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks