menu text -individual colour

[Toby]

Hi

I'd like to give my shop text a different colour within the menu, at the moment I have added this
text as my title in the backend

<font color ="#e0759f">SHOP</font>

however the code then appears on my toolbar see attachment.
Is there another way I could achieve this?

Cheers
Toby

[edgrbnz]

🔗 LIIINK!? ❓ 😉

You can target each menu-item via Custom-CSS. If you provide a link I can send you a code example based on your site.

[Toby]

thanks - my website is www.tobyneilan.com

[edgrbnz]

Try this bit of code in Lay Options / Custom CSS & HTML:

.menu-item-219 a{
    color: #e0759f;
}

Make sure to remove the <font color ="#e0759f"> tag in your site title beforehand.

💐Cheers!

[Toby]

Thanks - I added the code and this still appears <font color ="#e0759f">SHOP</font>

however if i refresh the page it disappears but then reappears if i click on to another menu item then return to Shop

any thoughts?

Cheers
Toby

[mariusjopen]

Dear @Toby
to which part of the website did you add this piece of code?

Best!

Marius

[Toby]

Hi Marius

I initially aded

<font color ="#e0759f">SHOP</font>

into my site title see screen grab below - it works but the code appeared in the toolbar again see screen grab below

edgrbnz - suggested I add his code to my CSS & HTML which I did and removed my code from site title, but I'm still seeing the code appear within the toolbar - it only disappearing once I've refreshed the page
but reappearing if I view another menu page and then return to the SHOP.

[edgrbnz]

That’s weird…
Perhaps the <font color ="#e0759f">… is used as a title in your menus?

[Toby]

I removed that code from my title like you said - very odd

[edgrbnz]

Did you also check your menus in Appearance / Menus?
Are you using any caching plugins? → Perhaps it’s just stuck in the cache?

[Toby]

Hi Edgrbnz

I stupidly forgot to remove the old 'SHOP' title from the Appearance / menu
however I have now replaced with the new title and your code doesn't seem to work

any ideas?

Thanks
Toby

[edgrbnz]

That’s because the menu item changed I think.
Try this one instead:

.menu-item-476 a{
    color: #e0759f;
}

Cheers!

[Toby]

Thanks - but still no joy

[edgrbnz]

It’s weird because the color doesn’t even show up in the inspector…

Would you mind sending me your login details via chat?
Then I could hava a look into the backend.

[Toby]

HI edgrbnz

Thanks for your help - I solved it I had to also include the data-type and data-id numbers for all the pages

Cheers
Toby

[edgrbnz]

Glad it works 💐