Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1075575

Hi,

Could you share screenshot illustrate the modification you expect? as by default, each menu item has its own color.

[keytianemouzar Friend keytianemouzarJoin date: November 2017Posts: 69Downloads:74Uploads:79 Thanks: 2]

#1075710

Hi. Here is an example of how I would like my menu to go.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1075797

It seems to be the same with demo site, did you check out this guideline for how to set it up? https://www.joomlart.com/documentation/joomla-templates/ja-teline-v/how-to#category-color

In case that you wanna custom color, you can follow steps in this topic: https://www.joomlart.com/forums/topic/change-menu-colors-with-category-class-how-to/

[keytianemouzar Friend keytianemouzarJoin date: November 2017Posts: 69Downloads:74Uploads:79 Thanks: 2]

#1076187

Good Morning! The information you sent me helped me a lot. But I needed the color to be set in the menu and not just when I hover the mouse over it. How can I do this?

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1076354

You can open the file: root/templates/ja_teline_v/less/megamenu.less

Look for the declaration of color themes:

// Color Themes
// ------------
.cat-red {

  border-color: @red !important;
  background-color: @white;

and change the ‘background-color’ property to red:

// Color Themes
// ------------
.cat-red {

  border-color: @red !important;
  background-color: @red;

You can do the same with other colors

Pls note that this change is in LESS file so if your site is not running with Development mode (check in template manager) you will need to compile less to css to see the changes (REMEMBER to backup all css files first)

[keytianemouzar Friend keytianemouzarJoin date: November 2017Posts: 69Downloads:74Uploads:79 Thanks: 2]

#1076534

Hello, I can not thank you for everything that has helped me so far. I just have one more question. How do I make the menu font to be white and not gray?

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1076928

You can change via file: root/templates/ja_teline_v/less/navbar.less

At approx line 159: http://prntscr.com/hfrdih

and change to your desired color.

[keytianemouzar Friend keytianemouzarJoin date: November 2017Posts: 69Downloads:74Uploads:79 Thanks: 2]

#1077354

Thank you!

[Author]

Posts