Home › Forums › WoodMart support forum › change font style only for certain category menu voices

change font style only for certain category menu voices

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 23, 2023 at 3:03 pm #445731

    supergap
    Participant

    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.

    February 24, 2023 at 5:04 am #445904

    Elise Noromit
    Member

    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

    February 24, 2023 at 11:13 am #445955

    supergap
    Participant

    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.
    February 25, 2023 at 5:57 am #446188

    Elise Noromit
    Member

    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

    February 25, 2023 at 6:27 pm #446313

    supergap
    Participant

    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.

    February 27, 2023 at 7:05 am #446563

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    February 27, 2023 at 11:13 am #446623

    supergap
    Participant

    I send you here credential in private panel.
    Thanks

    February 28, 2023 at 6:03 am #446921

    Elise Noromit
    Member

    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

    February 28, 2023 at 12:08 pm #447022

    supergap
    Participant

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

    March 1, 2023 at 5:36 am #447252

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘change font style only for certain category menu voices’ is closed to new replies.