Multicolor Menu with Template Creator CK

arcdestudio
Offline Topic Author
Junior Member
Create!
Posts: 33
Thanks: 4

Multicolor Menu with Template Creator CK was created by arcdestudio

Posted 4 years 11 months ago #52359

Hello Ced!

I 'd like to ask you how can we make a multicolor menu with Template Creator CK? Meaning each choice to have different color..?
This is an example of what I mean saying "multicolor" www.the-pandas.gr/https://www.the-pandas.gr/

Thank you in advance!

Arcade of Design Studio
www.arc-destudio.gr

by arcdestudio

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29120
Thanks: 3704

Replied by ced1870 on topic Multicolor Menu with Template Creator CK

Posted 4 years 11 months ago #52360

Hi
nothing to do with Template Creator CK

each menu item has a specific css class that you can use in a custom CSS code to target
example :
li.item-23 >a { color: red; }

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

arcdestudio
Offline Topic Author
Junior Member
Create!
Posts: 33
Thanks: 4

Replied by arcdestudio on topic Multicolor Menu with Template Creator CK

Posted 4 years 11 months ago #52361

Thank you, I can see "custom CSS" only in menu > levels generally but how can I change specifically each menu item color I want? Where should I put the code? (Wordpress)
:unsure:

Arcade of Design Studio
www.arc-destudio.gr

Last Edit:4 years 11 months ago by arcdestudio

Last edit: 4 years 11 months ago by arcdestudio.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29120
Thanks: 3704

Replied by ced1870 on topic Multicolor Menu with Template Creator CK

Posted 4 years 11 months ago #52378

Go in Parameters >> Custom CSS
Give me the url of your page so that I can tell you more

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

arcdestudio
Offline Topic Author
Junior Member
Create!
Posts: 33
Thanks: 4

Replied by arcdestudio on topic Multicolor Menu with Template Creator CK

Posted 4 years 11 months ago #52388

It's www.vrionaki-logotherapeia.gr (but is under construction) if you need dashboard access I can email you the credentials.

OK as I can understand in Parameters >> Custom CSS I write my CSS but how can I set every class to each menu item?

Arcade of Design Studio
www.arc-destudio.gr

Last Edit:4 years 11 months ago by arcdestudio

Last edit: 4 years 11 months ago by arcdestudio.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29120
Thanks: 3704

Replied by ced1870 on topic Multicolor Menu with Template Creator CK

Posted 4 years 11 months ago #52390

use your browser console to find the informations : each menu items has a specific html ID :

Code:

<li id="menu-item-87" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-87"><a href="https://www.vrionaki-logotherapeia.gr/about/">ABOUT</a></li>

>> the ID is "menu-item-87" so you can write

Code:

#nav1 ul.menu > li#menu-item-87 > a { color :red; }

you can also use teh css class if you prefer :

Code:

#nav1 ul.menu > li.menu-item-87 > a { color :red; }

Joomlack Webmaster and Developer

Last Edit:4 years 11 months ago by ced1870

Last edit: 4 years 11 months ago by ced1870.

The following user(s) said Thank You: arcdestudio

Please Log in or Create an account to join the conversation.