CUSTOM MENU CSS

This topic has 9 replies, 2 voices, and was last updated 4 months, 3 weeks ago by Hung Pham.

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

Author

Posts
July 15, 2024 at 3:46 pm #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.

July 16, 2024 at 9:25 am #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,

July 16, 2024 at 6:56 pm #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.

July 17, 2024 at 8:34 am #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.

July 17, 2024 at 9:01 am #583823

morangabeavon
Participant

Link attached

July 17, 2024 at 10:30 am #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,

July 19, 2024 at 9:12 pm #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.

July 20, 2024 at 7:28 pm #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,

July 23, 2024 at 1:12 pm #585073

morangabeavon
Participant

Thank you

July 23, 2024 at 5:48 pm #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,
Author

Posts