Change the font/size of the extra menu list?

I would like to add a simple drop down, but every time I add a Extra Menu List the first instance is always extra bold (like a title) and the following addons are what I’m looking for.

For example, you can see the issue in the following photo. I want the dropdown to ONLY look like Small Sofas, Armchairs, etc. Instead, the first one is a “title” called Coils and is bold and stands out.

Hello,

Please provide your site URL I will provide custom CSS. If your site is under maintenance, please provide your site admin access to the private area.

Best Regards

Posted is the details.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.mega-menu-list li a span{
font-weight:400;
}

Best Regards

But I want to use the “bold title” on some parts of the menu, just not on that particular one. By changing the global theme css, I would affect all the others?

Hello,

Try to add a class to the Extra list element and I will assign styles to this selector. Styles would be applied to the elements which have this class.

Best Regards

Where can I find the extra list element? I understand how CSS structure works, but I’m not fluent in it.

Hello,

The extra menu list is in the HTML block which relates to the certain menu item https://xtemos.com/docs/woodmart/create-menu-2/

Best Regards

Ok I added this class to the Menu Category 2 menu that i’m using as a test.

Attachments:

You must be logged in to view attached files.

Hello,

Have a look at the screen https://gyazo.com/b5a3a5d9def673dbce7330b76e9b781a

Enter the appropriate HTML block and insert the class, just any word into the field.

Best Regards

Yes, I added the “EditAccessoriesBold” css field. Where would I go to assign the code above to “EditAccessoriesBold”?

Hello,

I do not see this class in the markup of HTML, please provide your site admin access and show me which items you want to set regular.

Best Regards

I must have forgot to hit update. I included the css class “AccessoriesBold” now

Hello,

Provide the screen which item you have added this class.

Best Regards

It’s under HTML Block name “Menu-category-2”

Hello,

Please provide your site admin access to the private area.

Best Regards

Ok. I will need to recreate this on another site in the future, so I would appreciate describing how you changed it!

Hello,

Assign class as shown: https://gyazo.com/d0ff4fdc15a7aab238b3da224e3712fa

Please add this code to the Theme Settings > Custom CSS > Global:

body ul.EditAccessoriesBold > li > a span{
font-weight:400;
	color:red;
}

Best Regards

The problem is, you can still tell the “Coils” is a Title with the added CSS you gave me. I want the Coils to be indistinguishable from the others underneath.

Hello,

Remove line color:red; it was added just to demonstrate.

Best Regards

[Author]

Posts