Customize menu item

[Ilina Catana]

Hi there!

I'm looking for an option to customize menu items.
I would like, for example, to change the size/color of some letters in the name of one of my menu items.

Here is an example:

Is this possible with Laytheme?

I thought I could maybe enter HTML code as a menu item...

Any other suggestion?

Thanks in advance for your help :) :) :)

Ilina

[edgrbnz]

I guess so…

You could try as follows:
Define some classes with the desired changes in Lay Options / Custom CSS & HTML and then add these classes in Appearance / Menus via span tags.

Dunno if that works but it should.

[mariusjopen]

Dear @edgrbnz
perfect answer!

Best!

Marius

[Ilina Catana]

@edgrbnz Thank your very much for your answer!!!

Best!

lina

[mariusjopen]

Cool! Happy to hear it worked out!

[safea]

Hello,
it's possible to explain more? what to write in CSS? and how to apply it?
I would like to change the size to part of my menu!
Thx for you reply :)

[edgrbnz]

You simply define your styles/classes as usual via CSS and then add them in the Menus/Labels for the entries.
For Example:

<span class="small_number">04</span>About
or
<span class="small_number">04</span><span class="hyper">About</span>

You can define how .small_number and .hyper looks in custom CSS.
Hope that helps!

[safea]

Thx for your reply, it works. Perfect! :)

[edgrbnz]

I wanna see 👀 it!

Glad it works! 💐💐💐