We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Menu editor mercury theme need help with css class

March 5, 2021 at 2:13 pm #5302

[anonymous]

Hello friend. As always, I want to thank to developers for this great product. I need small help.

In menu I created new menu and four menu items. I want the first one to be normal, second – bold, third – normal, fourth – bold.

I made a common css rule fol all in css file:

.designer-font {

  font-family: var(–menu-font);

  font-weight: var(–font-weight-normal);

  text-transform: uppercase;

}

Then I created another rule for bold elements in CSS file

.designer-font-bold {

font-weight: 600;

}

Then I entered “edit item” and understood that I need to put my rule in field “CSS class”
But how to add it to field? I tried “.designer-font-bold”, “designer-font-bold” (without dot), “.designer-font-bold {font-weight: 600;}”

Then I click save changes. But in code inspector I see no changes and no adding of class.

What am I doing wrong?

Help please))

March 5, 2021 at 2:24 pm #5303
Bob
The CSS rules should be applied vis a Custom CSS tool. Then, when you edit the menu item put only the name of the CSS class e.g. designer-font-bold.

I believe you can make it easier, by just applying the following CSS rule (via a Custom CSS tool),
```
.navbar__submenu li:nth-child(2n) {
   font-weight: bold;
}
```
March 5, 2021 at 3:39 pm #5307

[anonymous]

Bob! Thank you so much! The easier way working great! But will also try with the first way, using custom css tool. Thank you once again!