change font style only for certain category menu voices

Hi,
I’m trying to get a different font style for some mene voice (please look at the attached image).
Usually I do it by creating a new class and by writing the name of the class in the menu voice
While I’m able to set it with a custom class in the field ‘ CSS classes (optional).
So I create a CSS class (in the theme custom CSS) then I applied it:

.paddingcategory {
padding-left:8px;
font-weight:100 !important;}

In my class there was (as you can see) a ‘padding-left’ that works fine, but no way to change the font-weight of the menu item title.
Please, what is the right way to get it?

Thanks a lot.

Hello,

Unfortunately, you have not attached the image.

You can add custom CSS to the Theme Settings > Custom CSS.

If you have any questions please feel free to contact us.

Best Regards

sorry, here the image.
You can see the green arrow that is the standard text.
I would like to reduce the font weight of other menu voices (red arrow).
As I wrote in my first post here, I already add some css (please read the previous message). And it works for other CSS stuff but not for font attributes. Probably the code you can see in my previous message works can work only on padding, margin and something else, but not on font. Is there a way to change font weight?

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

You can assign a class in the menu item: https://gyazo.com/fdc60686874e4122bccadd4145bb51d9 then you can change these items with custom CSS.

Please assign the classes and let me know if you need help with CSS.

Best Regards

Hi,
of course I’ve already assigned a class in the menu.
in fact as I wrote before, that class and its CSS works fine with come CSS roles (like padding-left) but not with Font Style.

.paddingcategory {
padding-left:8px;
font-weight:100 !important;}

so, the point is not how to assign a class in the menu, but what is the right CSS to define font style so I can get a different font-weight for the text of the menu voice with the class., because simply add in the CSS that is called by the class a font-weight:100 !important, is not working, while some other CSS role work.
Thanks again.

Hello,

Please provide your site URL. We will provide the custom code.

Best Regards

I send you here credential in private panel.
Thanks

Hello,

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

body .wd-nav-vertical>li.paddingcategory a {
padding-left:8px;
font-weight:100 !important;
color:red;
}

Remove color:red; I added so that you could see the change. Now you can set any style with this selector body .wd-nav-vertical>li.paddingcategory a

Best Regards

Many thanks. it’s perfect. It works really fine.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts