Joomla Templates Club 406,261 posts

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#203802

Hi,

If I want to add an exstra color for the categories and megamenu, the documentation:

http://www.joomlart.com/documentation/joomla-templates/ja-teline-v/how-to#category-color

Refers to this file:
templates/ja_teline_v/less/acm.less

and this Class:
.magazine-category-title

Where I have to add code like this:

// Category Title
// —————————-
.magazine-category-title {
// —————
&.cat-red {
a {
background-color: @red;
&:hover, &:focus, &:active {
background-color: @red;
}
}
}
}

But I can’t find the file “templates/ja_teline_v/less/acm.less”.

Can anyone tell me where to paste this code for the new color?

Regards

Morten

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#559559

Hi
Yes this is the Right Documentation
http://www.joomlart.com/documentation/joomla-templates/ja-teline-v/how-to#category-color

<blockquote>But I can’t find the file “templates/ja_teline_v/less/acm.less”.</blockquote>

Can you send me your site admin details i will check acm.less file issue on your site.

[turtlesoup Friend turtlesoupJoin date: March 2008Posts: 53Downloads:97Uploads:3 Thanks: 12 Thanked: 14 times in 1 posts]

#559562

If you want additional custom colors and to modify a color hex code, you would have to add them in variables.less (of course, put them in the local folder).

In my current project, I modified most of the hex codes and changed the defaults.

Cheers.

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559576

<em>@pankajsharma 458798 wrote:</em><blockquote>

Can you send me your site admin details i will check acm.less file issue on your site.</blockquote>

PB with info sent.

Thanks pankajsharma, PB with info sent.

And I forgot to mention, that I have tried to make a color called “ngreen” in the less files.

Regards

Morten

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559577

<em>@turtlesoup 458802 wrote:</em><blockquote>If you want additional custom colors and to modify a color hex code, you would have to add them in variables.less (of course, put them in the local folder).

In my current project, I modified most of the hex codes and changed the defaults.

Cheers.</blockquote>

Hi turtlesoup,

I have allso edit the variables.less, as written in the documentation , but I still miss that file, and without It I can’t get it to Work.

Regards

Morten

[turtlesoup Friend turtlesoupJoin date: March 2008Posts: 53Downloads:97Uploads:3 Thanks: 12 Thanked: 14 times in 1 posts]

#559583

By the way, careful with the syntax, you may have missed a semi-colon or what. If you’re making your own custom color:

1. New brand color in variables.less
Example .. what I did .. I added my own custom accent color. (line 63, variables.less)
@ash: #4D4E53

2. New category color in magazine.less (line 158, &.cat-ash … @ash etc)
&.cat-ash {
a {
background-color: @ash;
&:hover, &:focus, &:active {
background-color: @ash;
}
}
}

3. Assign color in ‘Category Manager: Articles’ > select the category placed in megamenu > JA Extra Fields tab > write in category class field your color (cat-ash)

If you just want to use existing color cat-, just do #3 and place cat-red/cat-blue or somethin.

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559584

<em>@turtlesoup 458830 wrote:</em><blockquote>If you’re making your own custom color:

2. New category color in magazine.less (line 158, &.cat-ash … @ash etc)
</blockquote>

Where did you get information about this file “magazine.less”, it is not mentioned in the documentation.

In the documentation there is only reference to theese files:
templates/ja_teline_v/less/variables.less
templates/ja_teline_v/less/acm.less
templates/ja_teline_v/less/navbar.less
templates/ja_teline_v/less/joomla.less

But thansk for your input I will try it.

Regards

Morten

[turtlesoup Friend turtlesoupJoin date: March 2008Posts: 53Downloads:97Uploads:3 Thanks: 12 Thanked: 14 times in 1 posts]

#559586

Please refresh my reply .. had to edit my post … to make it more coherrent (to make it less like an answer from a crazy person) .. haha sorry. I have too much on my hands .. just happened to see your post.

I’m now currently making a new joomla site .. totally had to customize and rework everything (using teline v). Even the introtext readmore button. I hate the core readmore button that sticks out like a sore thumb. Managed to fix that while I was waiting for a reply here in the forums and custom work requests.

I think there’s something in the documentation, but it didn’t mention if you want to make your own megamenu category color.

Cheers.

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559589

<em>@turtlesoup 458835 wrote:</em><blockquote>Please refresh my reply .. had to edit my post … to make it more coherrent (to make it less like an answer from a crazy person) .. haha sorry. I have too much on my hands .. just happened to see your post.

I’m now currently making a new joomla site .. totally had to customize and rework everything (using teline v). Even the introtext readmore button. I hate the core readmore button that sticks out like a sore thumb. Managed to fix that while I was waiting for a reply here in the forums and custom work requests.

I think there’s something in the documentation, but it didn’t mention if you want to make your own megamenu category color.

Cheers.</blockquote>

Thank you so much for your time, but it still not work, and I have refreshed your reply, but I got it the first time. 🙂

Regards

Morten

[turtlesoup Friend turtlesoupJoin date: March 2008Posts: 53Downloads:97Uploads:3 Thanks: 12 Thanked: 14 times in 1 posts]

#559590

Sorry I might be wrong with magazine.less … you can also try adding your custom color in navbar.less (line 483) if magazine.less doesn’t work.

.cat-ash {
> a {
&:hover,
&:focus {
background-color: @ash !important;
}
}
&.active > a,
&.open > a {
&,
&:hover,
&:focus {
background-color: @ash !important;
}
}
}

Also, don’t forget line 453.

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559592

I’m really apriciate your time, but I allready have tried to change the navbar.less.

And now I have allso tried to create the acm.less file my self, but still a problem.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#559715

Hi I got your PM , I will check and update you here.

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559735

Hi pankajsharma,

Thanks.

The issue about the 3rd party plugins, is fixed now.

The menu and categories called “Oplevelser” is the ones I’m trying to give the color ngreen.

You can find the codes for the color in the less-files, i have been trying to setup.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#559841

Hi
i have found the code that you defined in the less files .

<blockquote>The menu and categories called “Oplevelser” is the ones I’m trying to give the color ngreen.</blockquote>
You can simply change it from its category Options .
Go to category manager >>> Oplevelser>>JA Extra Fields and add
green color code Here >>>> http://prntscr.com/66kiog
Front end >>> http://prntscr.com/66kj29

If you want to add any other color , Just let me know the color code , i will do this for you .

[eagledk Friend eagledkJoin date: October 2013Posts: 159Downloads:62Uploads:35 Thanks: 8 Thanked: 7 times in 1 posts]

#559847

Hi,

Thanks for looking in to this, but I’m sorry to say that you have been looking at the wrong color.

The color you have been looking at is named “green”, but the one I’m trying to make is called “ngreen”, there is an “n” in difference.

So can you please look at it Again.

[Author]

Posts