Menu font and background

1) how to change the font separately for the menu and submenu.
2) How do I set the background for the menu ?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

1) Please try adding the following Custom CSS in the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

.header-categories-nav .categories-menu-dropdown .menu {
background: green;
}

.header-categories-nav .categories-menu-dropdown .menu .sub-menu-dropdown {
background: green;
}

2) For the font Please try using the following classes in the Advanced typography custom selector.

“.vertical-navigation .menu-simple-dropdown li a”

“.header-categories-nav .woodmart-navigation .item-level-0 > a ”

Best Regards.

You’ve been very helpful and I’m grateful
1) Also tell me how to change the font of the price and currency unit?
2) How do I change the font color of a sale?

Attachments:

You must be logged in to view attached files.

Hello,

Most Welcome.

1) Please try adding the following Class in the advanced typography custom selector.

“.woocommerce-Price-amount.amount ”

2) For the sale label Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-label .onsale {
color: red;
}

Regard’s.
Xtemos Studio.

Everything worked out but the window does not expand and now in two rows. How to fix it ?

Attachments:

You must be logged in to view attached files.

1) Unfortunately, the price font changes in two places. I only need one. How to fix it ?
2) the Shortcut “.product-label .onsale {color: red;}” doesn’t work!

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please target the following Class using the custom selector of advanced typography.

“.summary-inner span.woocommerce-Price-amount.amount ”

And for the label text color you need to add the CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-label.onsale {
color: red;
}

Best Regards.

Added but nothing has changed.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

The CSS is not working because you asked for the onsale product label and the label you mentioned is out of stock product label.

Please add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-label.out-of-stock {
color: red;
}

Regard’s.
Xtemos Studio.

Now it worked. And Kaa still the font change ?

And how can I change the color inside the discount separately?

Attachments:

You must be logged in to view attached files.

Do you have a response to message # 226103 ?

Hello,

I saw the screenshot you attached.

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-label .onsale {
color: red;
}

2) Please add the CSS that is causing the issue to check it myself and help you out accordingly.

Best Regards.

I didn’t understand what to do

Hello,

You mentioned in one of your messages that the menu is not opening.

I have just asked the steps to reproduce the issue to check it myself and help you out accordingly.

For the issue as you mentioned in the Screenshot:
https://xtemos.nyc3.digitaloceanspaces.com/wp-content/uploads/2020/09/2020-09-14_16-03-45.png

Regard’s.
Xtemos Studio.

I meant that the label does not fit in the menu in one line if the font is enlarged.

Hello,

This is not an issue by any means. This is happening due to the font-size you added to the menu items.

Please try reducing the font-size to fit in the menu.

Best Regards.

is it possible to expand the menu?

Hello,

When you try expanding the dropdown menu then it will come outside the mega menu container.

If you still want the CSS then try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.header-categories-nav .categories-menu-dropdown .menu {
width: 300px;
}

.header-categories-nav .woodmart-navigation .item-level-0 > a {
width: 300px;
}

Best Regards.

Super! Works. Tell me more CSS for the submenu ?

Hello,

Please try adding the following Custom CSS in the Custom CSS for the desktop area under Theme Settings >> Custom CSS.

.header-categories-nav .sub-menu-dropdown {
width: 300px;
}

.vertical-navigation .menu-simple-dropdown li a {
width: 300px;
}

Best Regards.

you’re the best! Thanks

Most Welcome :-)

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts