Home Forums WoodMart support forum CSS class for menu and search

CSS class for menu and search

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #539056

    Ivana
    Participant

    Hello,

    Can you help me with finding css class for menu items and search form. I need to change the font color.

    Thanks.

    #539133

    Luke Nielsen
    Keymaster

    Hello,

    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

    #539459

    Ivana
    Participant

    Hello, 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.
    #539572

    Luke Nielsen
    Keymaster

    Hello,

    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

    #539876

    Ivana
    Participant

    Hello,

    1. I want to change search form color.
    2. Thanks, I will try!

    Kind regards.

    #539889

    Luke Nielsen
    Keymaster

    Hello,

    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

    #539983

    Ivana
    Participant

    Hello,

    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

    #540058

    Luke Nielsen
    Keymaster

    Hello,

    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

    #540067

    Ivana
    Participant

    Hello,

    I send it to you. I have other ticket opened, maybe you can check both of them.

    Thanks!

    Kind regards!

    #540074

    Luke Nielsen
    Keymaster

    Could you please give me full access? https://take.ms/nJsTo

    So I can check the settings in the header builder.

    Kind Regards

    #540082

    Ivana
    Participant

    Yes, sure, go ahead.

    #540093

    Luke Nielsen
    Keymaster

    Navigate to Theme Settings -> Styles and colors -> Forms -> define the white color (or any other color) in the “Form background color”.

    https://take.ms/aZkEM

    Kind Regards

Viewing 12 posts - 1 through 12 (of 12 total)