Public Forums 71,145 posts

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#167025

Hi,

I would like to change the color of three of the menu bars in the mega menu to blue (and leave the other six white, like shown in the image below). Is there a quick way to do it?

Thanks.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#404387

Hi,
You login backend > Extensions >Template Manager > JA_Teline_III_v2 > GLOBAL > PROFILE OVERRIDE SETTINGS.Click To Add Pages and next add color.

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404392

Hi,

I cannont find PROFILE OVERRIDE SETTINGS unde GLOBAL. Could you please take a look at the screenshot?

Thanks.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#404394

You login backend > Extensions >Template Manager > JA_Teline_III > Page Assignments .Click To Add Pages and next add color.

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404396

I see, but this seems to change the color of the dropped down menu (second row) rather than the bar (first row) itself?
I want to change only three bars on the first row and leave the other six to seven on the first row white.

Is it possible to get this done with the Page Assignment section?

Thanks again.

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404539

Does anyone have other solutions?

I just want to change the color of a few boxes on the top menu and leave the other boxes unchanged.

Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#404545

<em>@ceeyee 257618 wrote:</em><blockquote>Does anyone have other solutions?

I just want to change the color of a few boxes on the top menu and leave the other boxes unchanged.

Thanks.</blockquote>
If you have these menu items published at this point . . . please go into your Template Manager and, under “Global Settings,” set “Optimize CSS” to “No.” Then please post your url and I’ll take a look and try to advise you as to the CSS rules that are controlling those elements.

😎

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404549

The address is http://importantcharts.com/
This is a fresh installation of the quickstart package of Teline III V2 on Joomla 1.6. I have set Optimize CSS to No as instructed.

Please take a look. I would like to know how to set the small boxes where TRAVEL, ARTIST, and SPORT are on the top menu row to be blue.

Thanks so much.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#404552

As you are utilizing the Dropline Menu option, it appears that the css you need to work with is located within templates/ja_teline_iii/css/menu/dropline.css

at line 39 you should see . . . .


#jasdl-mainnav a:hover, #jasdl-mainnav ul li.hover a {
background: url("../../images/mainnav-hover.gif") repeat-x scroll center bottom #F7F7F7;
color: #000000;

}
Here is where you would change the background parameter for when you hover over the menu item on the main page – be it with a repeating image or a solid color.

NOW, when you’re taken to the menu item’s page and it is active, then you need to look in /templates/ja_teline_iii/core/themes/deepblue-color/css/color.css

at line 33 you should see . . . .


#jasdl-mainnav li.active a, #jasdl-mainnav li.active a:hover, #jasdl-mainnav li.active a:active, #jasdl-mainnav li.active a:focus, #ja-splitmenu li.active a, #ja-splitmenu li.active a:hover, #ja-splitmenu li.active a:active, #ja-splitmenu li.active a:focus, #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus {
background: url("../images/mainnav-active.gif") repeat-x scroll center top #145077;

}
Again, you will need to change the background parameter to what ever you want – be it a repeating image or a solid color.

Is this helpful for your issue?

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404554

Isn’t this controlling the colors of all boxes on the whole menu row?
But I want to only change colors of three boxes and leave the other six or seven boxes the orginal color (the end result we want is shown in the image in the first post).

Is that something that can be done?

Thanks again.

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#405473

Any one can help with this issue?

Thanks.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#406514

You try this way: you add this code into http://importantcharts.com/templates/ja_teline_iii/css/template.css


menu-item6, menu-item7, menu-item8 {
background:blue;}

[Val Kupstas Friend Val KupstasJoin date: August 2011Posts: 31Downloads:0Uploads:2 Thanked: 5 times in 5 posts]

#406537

Play around with this here:

li.menu-item6,li.menu-item7,li.menu-item8{
background:#333;
}


Add it to the template.css file and change the background color to suit your needs.

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#407396

I tried this but it didn’t work.. Please see screen shot.

Why?
Thank you very much.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#407402

I viewed your template.css, but it’s not changed. To your changing is affect, you delete all of files of /cache directory.
<em>@ceeyee 261229 wrote:</em><blockquote>I tried this but it didn’t work.. Please see screen shot.

Why?
Thank you very much.

</blockquote>

[Author]

Posts