Home Forums WoodMart support forum CUSTOM MENU CSS

CUSTOM MENU CSS

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #583435

    morangabeavon
    Participant

    Is there a way i can style specific menu items. Example I want to target the “Stores” in specific in my menu. I want it light weight. How can this be achieved? I have tried giving it a class on the menu drop down but doesn’t work.

    Attachments:
    You must be logged in to view attached files.
    #583574

    Hung Pham
    Keymaster

    Hi morangabeavon,

    You can add custom class to CSS Classes (optional) field of menu item https://ibb.co/C17QFBC – If you can’t see it, you can enable it in the top https://ibb.co/7tYNfDj. For e.g: custom-menu

    Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class

    li.custom-menu

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Regards,

    #583743

    morangabeavon
    Participant

    I have added the css but no changes are taking place. Could you kindly have a look?

    Attachments:
    You must be logged in to view attached files.
    #583811

    Hung Pham
    Keymaster

    Hi morangabeavon,

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Best Regards.

    #583823

    morangabeavon
    Participant

    Link attached

    #583873

    Hung Pham
    Keymaster

    Hi morangabeavon,

    You did not add custom class to menu item https://ibb.co/h8nxFBR Please re-read my instructions:

    You can add custom class to CSS Classes (optional) field of menu item https://ibb.co/C17QFBC – If you can’t see it, you can enable it in the top https://ibb.co/7tYNfDj. For e.g: custom-menu

    Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class

    li.custom-menu

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Regards,

    #584497

    morangabeavon
    Participant

    Hello Hung? I clearly followed these instructions and read the documentation very well see my screenshots. first I gave a CSS name of the menu tab which is the store “li.custom-menu”
    I went to theme settings> typography>advance . Created a rule and selected “custom selector” appointed “li.custom-menu” tweaked a few typography settings like color, font size and weight. But there is no changes taking place! If you think I am wrong, Why cant you just make one change to the “Stores” tab on my menu and see yourself? I really need this done! why cant you just set it up the right way i pick it up from there? Client really needs this done

    Attachments:
    You must be logged in to view attached files.
    #584609

    Hung Pham
    Keymaster

    Hi morangabeavon,

    Thanks for new link. You don’t need to put li. It didn’t work due to you applied this Advanced settings https://ibb.co/5c6x8ZX

    I fixed the issue, please see how I added Custom Class and Custom CSS.

    Regards,

    #585073

    morangabeavon
    Participant

    Thank you

    #585176

    Hung Pham
    Keymaster

    Hi morangabeavon,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,

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

The topic ‘CUSTOM MENU CSS’ is closed to new replies.