menu text -individual colour
-
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 -
🔗 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.
-
thanks - my website is www.tobyneilan.com
-
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!
-
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 -
-
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. -
That’s weird…
Perhaps the<font color ="#e0759f">…
is used as a title in your menus? -
I removed that code from my title like you said - very odd
-
Did you also check your menus in Appearance / Menus?
Are you using any caching plugins? → Perhaps it’s just stuck in the cache? -
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 workany ideas?
Thanks
Toby -
That’s because the menu item changed I think.
Try this one instead:.menu-item-476 a{ color: #e0759f; }
Cheers!
-
Thanks - but still no joy
-
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. -
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 -
Glad it works 💐
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it