Change colour of a menu item Topic is solved

[rgtr]

Hi

Please see here:
https://www.joomla51.com/tutorials/temp ... -in-joomla

The instruction is as follows:
Using your menu item ID we will add some CSS to your template using the 'Custom CSS' field of your templates parameters. Navigate to Extensions -> Templates and click in to your template settings. Select the 'Custom CSS' tab and add the following CSS to the field provided, editing the ID to match that of your menu item and the color to your own taste.

When they say "Navigate to Extensions -> Templates and click in to your template settings" do the actually mean Go to Templates, Site Templates, Select Cassiopeia Details and Files, and then select the User.css ?

I placed the code there . . . alongside all my other stuff, and it does not seem to work . . .
Checked on a different pc - an old W7 using Google Chrome to get round caching problems

Richard

[Mr. Wimpy]

Are you using a Joomla51 template? Or are you just refering to the tutorial?

If you use Cassiopeia, then yes the user.css file is correct.
Use the class of the menu-item.
Open the DevTools of your browser and select the menu-item. It will say something like <li class="nav-item item-#">...
Or check the ID in the backend.
If 123 is the ID of the menu item.

Code: Select all

.item-123 a { color: red; }

[rgtr]

Hi

Thanks for that

Now working.

I would like to add a tooltip as well. Any ideas ?

Richard

[Mr. Wimpy]

No, sorry...

Start a new topic with this question...