How to set the menu font size?

hello，team
1. How do I set the menu font size? (view attachment 1.png)
2. How do I change the menu background color when the mouse is over it? (view attachment 2.png)

Best Regards,

Attachments:

You must be logged in to view attached files.

Hello,

01. You can change the menu font color by following these steps:

1. Navigate to Theme Settings > Typography > Advanced Typography
2. Create a new rule for the “Main Navigation Links” item.
3. Adjust the font settings as needed: https://ibb.co/h7NwMp5

For detailed instructions, please refer to the documentation:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

02. Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello ,
1. I have create a new rule for the “Main Navigation Links” item. but it didn’t work
2.I have share my Site WP-ADMIN Login details
3.I also need to set the first-level directory and second-level directory to change the background color when the mouse hover them. How do I set it?

Best Regards,

Attachments:

You must be logged in to view attached files.

Hello,

The login link details you provided are not working anymore. Please share the correct login details so I can check the issue and give you a possible solution.

Best Regards,

hello
plz try a again

Best Regards,

Hello,

Your header menu issue has been resolved. Check back your site and check the issue. Navigate to Theme Settings -> Typography -> Advanced and check the settings.

For the background color, Try to add the following custom css code in Theme Settings -> Custom CSS.

.whb-header-bottom .wd-dropdown {
    background-color: #dedede;
}

Best Regards,

hello，

1. I have create a new rule for the “Main Navigation Links” item. but it didn’t work
2. When the mouse passes over each item, the background color of the item changes instead of setting the entire background color

Best Regards,

Hello,

01. Please see these settings for the header menu.
https://postimg.cc/Vr2vW6nH

02. I have added the code in the Theme Settings -> Custom CSS, and the drop-down background color is changing fine. Try to change the color code and check the issue. Can you please tell me what you actually want?

Best Regards,

hello ,
1—–thank you ,it work
2—- I want to change the bg color when the mouse hover menu options (View attachment)

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can check and give you a possible CSS code?

Best Regards,

hi
the page URL
https://www.chinawearpro.com/
https://interstate-mcbee.com/products/

https://class8truckparts.com/genuine-volvo-truck-parts.html

Best Regards,

Hello,

It seems you’ve shared WordPress logins for one site, mentioned three other websites, and the screenshot you attached is from yet another site.

Could you please confirm the exact website where you want to change the menu hover color, and provide the correct admin login details for it? Once I have the right information, I’ll check and share a possible solution.

Best Regards,

Hello,
I uploaded the Attachment.
1. When you hover your mouse over the image, the background color of the current selection in the navigation bar changes (see Attachment 1).
2. When you hover your mouse over the image, the background color of the selection in the lower box of the navigation bar changes (see Attachment 2).

Best Regards,

Attachments:

You must be logged in to view attached files.

Hello,

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

.wd-sub-menu li > a {
    display: block;           
    width: 100%;             
    padding: 8px 15px;        
}

/* Full-width background on hover */
.wd-sub-menu li > a:hover {
    background-color: #ff6600 !important; 
    color: #fff !important;               
}

Best Regards,

hello，
Question 1:
Where can the font size of the Post page title (the main post heading) be set?

Question 2:
Where can the font and font size of the Post content (body text and content headings) be set?

Question 3:
Where can the font sizes for Post content headings (H1, H2, H3, H4, H5, H6) be set?

as attached

Best Regards,

Attachments:

You must be logged in to view attached files.

hello，
Question 1:
Resolved

Question 2:
Where can the font and font size of the Post content (body text and content headings) be set?

Question 3:
Where can the font sizes for Post content headings (H1, H2, H3, H4, H5, H6) be set?
as attached

Best Regards,

Attachments:

You must be logged in to view attached files.

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards,

Hello,
Where can the font sizes for Post content headings (H1, H2, H3, H4, H5, H6) be set?

I can’t find the font size settings for H1, H2, and H3 content in the article.

plz help

best regards

Hello,

To change the styles of heading tags, please navigate to the Theme Settings > Typography > Basic and change the font settings in the “Title font” area.

See Screenshot for better understanding: https://postimg.cc/G4dZxNws

Best Regards,

hello，
My question is
I need to change the Size of the Title font, not the Title Font.

Best Regards,

Hello,

01. For the single post title, try to use this custom css in Theme Settings > custom css:

.wd-content-area .wd-single-post-header h1.wd-post-title, .wd-content-area .wd-entry-content h1.wp-block-heading {
    font-size: 40px !important;
}

02. For the heading tag (H1, H2, H3, H4, H5, H6). Navigate to the Theme Settings > Typography > Basic and change the font settings in the “Title font” area.

See Screenshot for better understanding: https://postimg.cc/G4dZxNws

03. For the body content, navigate to the Theme Settings > Typography > Basic and change the font settings in the “Text font” area.

Best Regards,

hello,
02. For the heading tag (H1, H2, H3, H4, H5, H6). Navigate to the Theme Settings > Typography > Basic and change the font settings in the “Title font” area.

I mean Size of Title font no change the font settings in the “Title font” , Size of heading tag (H1, H2, H3, H4, H5, H6) need change
H1 font-size: 60px ;
H2 font-size: 52px ;
H3 font-size: 42px ;
H4 font-size: 36px ;
H5 font-size: 26px ;
H6 font-size: 20px ;
Do you get what i mean?

Best Regards,

Hello,

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

.wd-content-area .wd-entry-content h1.wp-block-heading {
    font-size: 60px !important;
}

.wd-content-area .wd-entry-content h2.wp-block-heading {
    font-size: 52px !important;
}

.wd-content-area .wd-entry-content h3.wp-block-heading {
    font-size: 42px !important;
}

.wd-content-area .wd-entry-content h4.wp-block-heading {
    font-size: 36px !important;
}

.wd-content-area .wd-entry-content h5.wp-block-heading {
    font-size: 26px !important;
}

.wd-content-area .wd-entry-content h6.wp-block-heading {
    font-size: 20px !important;
}

Best Regards,

[Author]

Posts