Home › Forums › WoodMart support forum › CSS class for menu and search
CSS class for menu and search
- This topic has 11 replies, 2 voices, and was last updated 8 months, 3 weeks ago by Luke Nielsen.
-
AuthorPosts
-
February 12, 2024 at 2:51 pm #539056
IvanaParticipantHello,
Can you help me with finding css class for menu items and search form. I need to change the font color.
Thanks.
February 12, 2024 at 5:18 pm #539133
Luke NielsenKeymasterHello,
Try to use the code below to change the text color of the search:
.wd-header-search-form .searchform .s { color: red; }
As for the menu, navigate to Theme Settings -> Typography -> Advanced and create such rule that is related to the menu:https://take.ms/DAqKF then change the color in the appropriate field here: https://take.ms/ds8Gz
Kind Regards
February 13, 2024 at 1:21 pm #539459
IvanaParticipantHello, thanks for your reply, I solved the secondary menu, but search is still like I put now in screenshot. Also, can you give me the class for the product price in the cart in the header, also visible in the screenshot. Thanks!!
Attachments:
You must be logged in to view attached files.February 13, 2024 at 4:20 pm #539572
Luke NielsenKeymasterHello,
1. Please clarify, do you want to change the search icon color or the search form color?
2. Try to use the below code:
.whb-header .wd-header-cart .wd-tools-text { color: red; }
Kind Regards
February 14, 2024 at 11:26 am #539876
IvanaParticipantHello,
1. I want to change search form color.
2. Thanks, I will try!Kind regards.
February 14, 2024 at 11:33 am #539889
Luke NielsenKeymasterHello,
1. Navigate to WoodMart -> Header builder -> edit the “Search” element and change styles for the form here: https://take.ms/rnf9o
Thank you for your time.
Kind Regards
February 14, 2024 at 1:58 pm #539983
IvanaParticipantHello,
I need search element to be in dropdown, like in my screenshot, and on mouse hover search form opens. Right now only form background is visible, you can’t see search text and search input field. You see in the screenshot.
Kind regards
February 14, 2024 at 4:29 pm #540058
Luke NielsenKeymasterHello,
Send me access to the website so I can look closer at it: https://take.ms/OrMJn
Looking forward to collaborating with you!
Kind Regards
February 14, 2024 at 4:41 pm #540067
IvanaParticipantHello,
I send it to you. I have other ticket opened, maybe you can check both of them.
Thanks!
Kind regards!
February 14, 2024 at 4:52 pm #540074
Luke NielsenKeymasterCould you please give me full access? https://take.ms/nJsTo
So I can check the settings in the header builder.
Kind Regards
February 14, 2024 at 5:02 pm #540082
IvanaParticipantYes, sure, go ahead.
February 14, 2024 at 5:25 pm #540093
Luke NielsenKeymasterNavigate to Theme Settings -> Styles and colors -> Forms -> define the white color (or any other color) in the “Form background color”.
Kind Regards
-
AuthorPosts
Tagged: css class, menu items, search
- You must be logged in to create new topics. Login / Register