Custom text color for only one menu item
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
-
- Joomla! Apprentice
- Posts: 7
- Joined: Fri Feb 09, 2018 2:00 pm
Custom text color for only one menu item
Hi!
I am new to Joomla. I have a main menu containing several menu items. For one of them, I want to change it's text color to something else than the template's default. Could you please help me to do it? Joomla version is 3.7.5.
Thanks.
I am new to Joomla. I have a main menu containing several menu items. For one of them, I want to change it's text color to something else than the template's default. Could you please help me to do it? Joomla version is 3.7.5.
Thanks.
- sozzled
- Joomla! Exemplar
- Posts: 8205
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
- Contact:
Re: Custom text color for only one menu item
1) J! 3.7.5 is old (it was released in August last year) and the current version is J! 3.8.5.
2) You can change the colour of one menu item with CSS (if you know how it identify the element ID or some other selection method). You can find out more about this element if you use the "Inspector" feature built into your web browser (e.g. press the F12 key). Typically, the CSS would look something like:
<element-name> {
color: <new-colour-value>;
}
I don't know the <element-name> in your case and I don't know the <new-colour-value> that you want to use. Every template is different; every website is different.
Does this help?
2) You can change the colour of one menu item with CSS (if you know how it identify the element ID or some other selection method). You can find out more about this element if you use the "Inspector" feature built into your web browser (e.g. press the F12 key). Typically, the CSS would look something like:
<element-name> {
color: <new-colour-value>;
}
I don't know the <element-name> in your case and I don't know the <new-colour-value> that you want to use. Every template is different; every website is different.
Does this help?
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

-
- Joomla! Apprentice
- Posts: 7
- Joined: Fri Feb 09, 2018 2:00 pm
Re: Custom text color for only one menu item
I will update it.sozzled wrote:1) J! 3.7.5 is old (it was released in August last year) and the current version is J! 3.8.5.
2) You can change the colour of one menu item with CSS (if you know how it identify the element ID or some other selection method). You can find out more about this element if you use the "Inspector" feature built into your web browser (e.g. press the F12 key). Typically, the CSS would look something like:
<element-name> {
color: <new-colour-value>;
}
I don't know the <element-name> in your case and I don't know the <new-colour-value> that you want to use. Every template is different; every website is different.
Does this help?
I was able to identify the CSS file with Chrome "Inspector" and I could modify the color with it, but it changed the color of all items in the menu. I was not able to identify any special ID of the given items inside the menu. Is there a way to modify CSS settings just for one item, and let the others untouched?
Thank you.
- sozzled
- Joomla! Exemplar
- Posts: 8205
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
- Contact:
Re: Custom text color for only one menu item
Short answer: yes. If you can identify the element then you can change the [CSS just for that] element. As I wrote earlier, I don't know what you're referring to, specifically, and so my advice is only general. If we knew what, specifically, you were trying to describe, then we might be able to recommed more specific advicedevmail wrote:Is there a way to modify CSS settings just for one item, and let the others untouched?
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

-
- Joomla! Apprentice
- Posts: 7
- Joined: Fri Feb 09, 2018 2:00 pm
Re: Custom text color for only one menu item
This is the demo of the template I am using:sozzled wrote:Short answer: yes. If you can identify the element then you can change the [CSS just for that] element. As I wrote earlier, I don't know what you're referring to, specifically, and so my advice is only general. If we knew what, specifically, you were trying to describe, then we might be able to recommed more specific advicedevmail wrote:Is there a way to modify CSS settings just for one item, and let the others untouched?
http://demo.joomlashine.com/index.php?v ... jsn_solid2
We are talking about the main menu under the logo. The menu item on the production site behaves the same as the "Home" menu item on the demo page. It's text color should be changed.
- sozzled
- Joomla! Exemplar
- Posts: 8205
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
- Contact:
Re: Custom text color for only one menu item
I am not interested in a "demo" of the Joomlashine template. If you are only interested in a "demo" then you're wasting our time; for questions about the "demo" contact Joomlashine. For questions about your own website (that you cannot answer) a link to your website might be more useful.
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

-
- Joomla! Apprentice
- Posts: 7
- Joined: Fri Feb 09, 2018 2:00 pm
Re: Custom text color for only one menu item
Link: [ redacted ]sozzled wrote:I am not interested in a "demo" of the Joomlashine template. If you are only interested in a "demo" then you're wasting our time; for questions about the "demo" contact Joomlashine. For questions about your own website (that you cannot answer) a link to your website might be more useful.
The color of the last menu item of the main menu should be changed
Last edited by toivo on Sat Feb 10, 2018 11:59 pm, edited 1 time in total.
Reason: mod note: URL removed on request
Reason: mod note: URL removed on request
- sozzled
- Joomla! Exemplar
- Posts: 8205
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
- Contact:
Re: Custom text color for only one menu item
Do you mean that you want to change the colour of the font for the menu item with the text "Kapscolat"?
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

-
- Joomla! Intern
- Posts: 80
- Joined: Sat Nov 17, 2012 6:10 am
Re: Custom text color for only one menu item
Hi,
For the menu item with text "Kapscolat"
For the menu item with text "Kapscolat"
Code: Select all
li.last a.jsn-nodescription {
color: #F00 !important;
}
-
- Joomla! Apprentice
- Posts: 7
- Joined: Fri Feb 09, 2018 2:00 pm
Re: Custom text color for only one menu item
Thank your for the code, but where should it be pasted? When I add it to the template's custom.css, nothing happens. Clearing cache, no change. Any idea?venci wrote:Hi,
For the menu item with text "Kapscolat"Code: Select all
li.last a.jsn-nodescription { color: #F00 !important; }
- sozzled
- Joomla! Exemplar
- Posts: 8205
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
- Contact:
Re: Custom text color for only one menu item
You probably want to add these lines to the end of the file ../templates/jsn_solid_pro/css/colors/blue.css. Your template does not load a custom.css file.
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”

-
- Joomla! Apprentice
- Posts: 7
- Joined: Fri Feb 09, 2018 2:00 pm
Re: Custom text color for only one menu item
Thank you for your help, it's working.sozzled wrote:You probably want to add these lines to the end of the file ../templates/jsn_solid_pro/css/colors/blue.css. Your template does not load a custom.css file.