Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.
Sorry about the multiple questions, most of the time I can find answers on my own but this one confuses me:
I'm trying to change the color of 1 or 2 of my menu items (keeping the other ones with the default formatting of the theme). I added a CSS class on the "Additional CSS" screen:
/* make menu items in a different color to make them pop */
.pop {
color: #941C2F;
}
And changed the CSS Class of 2 of my menu items from blank to "pop".
adding a CSS class "pop" in my "Journées du Patrimoine" and "Circuits" menu items, then going to the Additional CSS screen and defining "pop" as per the code in my first post.
I checked again, and it turns out that if I input "background-color" instead of "color" than indeed my background color changes. The issue seems to be about the font color, probably because it is defined elsewhere in the theme settings... I am not sure about where to look or how to change this, any ideas ?
Menu item color probably doesn't change because different color is set for <a> element inside <li> element which has your custom class. So in order to use your custom class properly, you should add something like this to Additional CSS:
.eltdf-main-menu > ul > li.pop > a {
color: #941C2F
}
Let us know if you need any further help.
Best regards!
Joey
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Hi there,
Sorry about the multiple questions, most of the time I can find answers on my own but this one confuses me:
I'm trying to change the color of 1 or 2 of my menu items (keeping the other ones with the default formatting of the theme). I added a CSS class on the "Additional CSS" screen:
/* make menu items in a different color to make them pop */ .pop { color: #941C2F; }And changed the CSS Class of 2 of my menu items from blank to "pop".
However as you can see my menu is still the same.
What am I missing here ?
Thanks a lot,
Florence
Hi Florence,
Thanks for writing in.
Do you mind telling us how you added the class to the menu items?
As far as we're aware there's no option to add a custom class to individual menu items.
You can tell us which menu items you want to change the color of and we will give you CSS that will achieve this.
We're awaiting your reply.
Best regards,
John
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Hi John!
I followed this tutorial : https://cre8tivediva.com/change-color-one-menu-tab-wordpress/
adding a CSS class "pop" in my "Journées du Patrimoine" and "Circuits" menu items, then going to the Additional CSS screen and defining "pop" as per the code in my first post.
I checked again, and it turns out that if I input "background-color" instead of "color" than indeed my background color changes. The issue seems to be about the font color, probably because it is defined elsewhere in the theme settings... I am not sure about where to look or how to change this, any ideas ?
Thanks a lot again for all your help,
Florence
Hi there,
Menu item color probably doesn't change because different color is set for <a> element inside <li> element which has your custom class. So in order to use your custom class properly, you should add something like this to Additional CSS:
.eltdf-main-menu > ul > li.pop > a { color: #941C2F }Let us know if you need any further help.
Best regards!
Joey
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.