Home › Forums › WoodMart support forum › Main Menu – Background color
Main Menu – Background color
- This topic has 71 replies, 2 voices, and was last updated 2 weeks, 4 days ago by
Luke Nielsen.
-
AuthorPosts
-
May 30, 2025 at 3:57 pm #664252
yaojunjie0710ParticipantHow can we change the Main Menu – Background color and the font size of the second Menu words ?
1. How to change the background color into the WHITE, not the black background?
2. The words of the second menu words is too small, can we make the words much more bigger ?Attachments:
You must be logged in to view attached files.May 30, 2025 at 4:56 pm #664273
Luke NielsenKeymasterHello,
1. In the Menu item, set the dropdown color scheme as dark – https://prnt.sc/LhSqLFGOGwRF then recheck the issue.
2. Edit the HTML Block via the Page builder – https://prnt.sc/2EGK_Nl9pwL- and change the font size in the settings of the element – https://prnt.sc/xOYXXaLvjr1J
3. Please send me a screenshot of which words you want to make bigger.
4. Yep, here are screenshots – https://prnt.sc/vel5LnitjN_o -> https://prnt.sc/URwef7EQZcct
Kind Regards
May 31, 2025 at 7:20 am #664335
yaojunjie0710ParticipantHello, Luke
Thanks for your kind help.
There are total 2 problems when we change the Background of the Main Menu.
1. When we set the e dropdown color scheme as dark for the TORSOS, TOP BRANDS, ACCESSORIES …
The changing of set color as dark CAN NOT BE SAVED success at all !2. About Edit the HTML Block, We just make the Main Menu, not the HTML Block information for the all Main Menu information. so, how can we change the font size and font family for the words of the Main Menu?
Attachments:
You must be logged in to view attached files.May 31, 2025 at 7:21 am #664338
yaojunjie0710ParticipantHello, Luke
Thanks for your kind help.
There are total 2 problems when we change the Background of the Main Menu.
1. When we set the e dropdown color scheme as dark for the TORSOS, TOP BRANDS, ACCESSORIES …
The changing of set color as dark CAN NOT BE SAVED success at all !2. About Edit the HTML Block, We just make the Main Menu, not the HTML Block information for the all Main Menu information. so, how can we change the font size and font family for the words of the Main Menu?
Attachments:
You must be logged in to view attached files.June 2, 2025 at 9:31 am #664559
Luke NielsenKeymasterHello,
1. I see on your end that 1 dropdown is white and another one is dark – https://gyazo.com/5956c93ffeed46370e0bf7f04f4e1fa6 , let me know if I missed something.
2. Navigate to Theme Settings -> Typography -> Advanced -> create a rule that is related to the Main navigation links – https://prnt.sc/hFOuFWJjJcAr , change font there and recheck the issue.
Kind Regards
June 2, 2025 at 2:17 pm #664687
yaojunjie0710ParticipantHello, Luke
Yes, you are correct. I do as your request, but, when set the Dropdown color scheme at Black. and it is still can not be Saved at all. please check our home page website for the Main Menu. it is still same as before.Attachments:
You must be logged in to view attached files.June 2, 2025 at 4:31 pm #664743
Luke NielsenKeymasterHello,
Send me access to the admin panel so I can look closer at the settings there.
Thank you in advance.
Kind Regards
June 2, 2025 at 5:22 pm #664762
yaojunjie0710ParticipantHello, Luke
Please check the following access to the admin panel .June 2, 2025 at 5:49 pm #664801
Luke NielsenKeymasterHello,
First increase the Max input vars value on your server – https://prnt.sc/sUCjZsZDi5ca
Then recheck the issue with savings and let me know.
Kind Regards
June 3, 2025 at 5:53 am #664887
yaojunjie0710ParticipantHello, Luke
Thanks for your kind help !
The first question have been resolved now.
But, About Edit the HTML Block, We just make the Main Menu, not the HTML Block information for the all Main Menu information. so, how can we change the font size and font family for the words of the Main Menu?
( The words of the second menu words is too small, can we make the words much more bigger ? we want to make the black words and white words can be much more bigger, as same as this website.Attachments:
You must be logged in to view attached files.June 3, 2025 at 6:10 am #664893
yaojunjie0710ParticipantHi, Luke
How can change the position of the Label Tex (PREMIUM…) into the right.Attachments:
You must be logged in to view attached files.June 3, 2025 at 12:18 pm #665016
Luke NielsenKeymasterHello,
You can try to use the code below for help:
.wd-sub-menu li>a { position: relative; display: flex; align-items: center; padding-top: 8px; padding-bottom: 8px; color: var(--sub-menu-color); font-size: 14px; line-height: 1.3; } .wd-sub-menu li>a .menu-label { margin-top: 0px !important; margin-left: 5px; border-radius: 50px; } .wd-sub-menu li > a .menu-label::before { border-color: unset; border: 0 ; }
Define it in Theme Settings -> Custom CSS.
Kind Regards
June 3, 2025 at 2:25 pm #665059
yaojunjie0710ParticipantHello, Luke
Thanks for your kind help very much!
By the way, we want to make the font size of the Label text much more bigger, how to make the charge for the font size of the Label text ?
Thanks again !June 3, 2025 at 5:02 pm #665116
Luke NielsenKeymasterTry to use the code below for help:
.wd-sub-menu li>a .menu-label { font-size: 11px; }
Kind Regards
June 17, 2025 at 4:35 pm #667975
yaojunjie0710ParticipantHello, Luke
Attachments:
You must be logged in to view attached files.June 18, 2025 at 9:56 am #668100
Luke NielsenKeymasterHello,
1. You need to add the gap to the parent Container here – https://prnt.sc/OFd3GGKxez12
2. For the inner containers, adjust the width – https://prnt.sc/zXeaUzMhAI5u and that space will be gone.
Kind Regards
June 18, 2025 at 2:15 pm #668169
yaojunjie0710ParticipantHello, Luke
How can we find the parent Container?June 18, 2025 at 2:20 pm #668171
Luke NielsenKeymasterHello,
Select the Container that wraps inner containers, here is a screenshot – https://prnt.sc/DRGx9AOjR-jT
Kind Regards
June 18, 2025 at 2:26 pm #668172
yaojunjie0710ParticipantHello, Luke
I meaning that, i can not find the Black Structure block in your attached file !June 18, 2025 at 2:45 pm #668176
yaojunjie0710ParticipantHello, Luke
About the following questions.
(For the inner containers, adjust the width – https://prnt.sc/zXeaUzMhAI5u and that space will be gone.)
Now, it is became that, total 3 Rows, and there are total 2 Parts for every Row.
We want to have this view effect.
Adjust the width, and there are total 3 Rows. But, we just want to have the 2 Rows, and there are total 3 Parts for every Row. we do not want to have 3 Rows. (3×2). we want to have the View Effect: 2 Rows x3. (2Row x3 Parts).Attachments:
You must be logged in to view attached files.June 18, 2025 at 3:07 pm #668184
Luke NielsenKeymasterThe thing is the same, adjust the width to make 3 columns and 2 rows – https://prnt.sc/mWAf3L25K9en
Kind Regards
June 18, 2025 at 3:30 pm #668191
yaojunjie0710ParticipantHello, Luke
I meaning that,How can i find the Black Structure Block that with many containers ?
And then, i can set the gaps easily.Attachments:
You must be logged in to view attached files.June 18, 2025 at 3:44 pm #668200
Luke NielsenKeymasterYou can enable it here – https://prnt.sc/fUJhQ4UbFeOD
Kind Regards
June 18, 2025 at 4:14 pm #668204
yaojunjie0710ParticipantHello, Luke
Thanks for your kind help.Attachments:
You must be logged in to view attached files.June 18, 2025 at 5:26 pm #668226
Luke NielsenKeymasterEdit the Footer Menu HTML Block – https://prnt.sc/0CCz9A_moN8r and change the menu color – https://prnt.sc/qcko683vVDlP
Let me know the result.
Kind Regards
June 18, 2025 at 5:43 pm #668238
yaojunjie0710ParticipantHello, Luke
Attachments:
You must be logged in to view attached files.June 18, 2025 at 6:00 pm #668243
Luke NielsenKeymasterJune 18, 2025 at 6:39 pm #668253
yaojunjie0710ParticipantHello, Luke
Thanks for your kind supportantAttachments:
You must be logged in to view attached files.June 19, 2025 at 9:20 am #668321
Luke NielsenKeymasterHello,
1. That part of the menu is defined via HTML Block, so you need to edit it and change the text color – https://prnt.sc/78NT7LsAP-FR
2. That option works if the Footer is built via Widgets. In your case, you have built it via HTML Block.
https://xtemos.com/docs-topic/set-up-footer/
Kind Regards
June 19, 2025 at 12:17 pm #668416
yaojunjie0710ParticipantHi, Luke
Attachments:
You must be logged in to view attached files. -
AuthorPosts
Tagged: Track your order
The topic ‘Main Menu – Background color’ is closed to new replies.
- You must be logged in to create new topics. Login / Register