Joomla Templates Club 406,261 posts

[francis Friend francisJoin date: July 2006Posts: 11Downloads:0Uploads:0]

#117163

How do I change the colors of the tabs across the top of JA Regulus EX? Which file and line do I need to edit?

Thanks

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#210434

You can edit the following stuff in the template_css.css file


/* TOP NAVIGATION
----------------------------------------------------------- */
#ja-topnav {
font-size: 11px;
line-height: normal;
}

#ja-topnav ul {
margin: 0;
padding: 0;
list-style: none;
height: 26px;
}

#ja-topnav li {
padding: 0;
margin: 0;
display: inline;
background: none;
}

#ja-topnav a {
padding: 0 20px;
float: left;
border-top: 1px solid #959793;
border-right: 1px solid #474747;
display: block;
color: #FFFFFF;
background: #727272;
font-weight: bold;
line-height: 25px;
text-align: center;
text-decoration: none;
height: 25px;
}

#ja-topnav li.active_menu a {
margin: 0;
border-top: 1px solid #E2F3C7;
border-right: 1px solid #474747;
color: #000000;
background: url(../images/topnav-active.gif) top #CEDDB5;
text-decoration: none;
}

#ja-topnav li.active_menu a:hover, #ja-topnav li.active_menu a:active {
border-top: 1px solid #E2F3C7;
color: #000000;
background: url(../images/topnav-active.gif) top #CEDDB5;
}

#ja-topnav a:hover, #ja-topnav a:active {
color: #FFFFFF;
background: #959793;
text-decoration: none;
}


[francis Friend francisJoin date: July 2006Posts: 11Downloads:0Uploads:0]

#210439

In my template_css.css file, the Top Navigation looks like this. What’s going on?Is this the correct file?

/* RIGHT COLUMN
——————————————————— */
#ja-rightcol {
width: 150px;
float: right;
padding: 10px 0 15px 0;
overflow: hidden;
}

#ja-rightcol a.mainlevel {
padding-left: 20px;
background: url(../images/arrow-off.gif) no-repeat 5px 4px;
}

#ja-rightcol a.mainlevel:hover, a.mainlevel:active {
background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}

#ja-rightcol a.sublevel {
padding-left: 3px;
}

/* TOP NAVIGATION
——————————————————— */

#ja-topnav-outer {
font-size: 11px;
background: #0099cc;
margin-top: 12px;
}

#ja-topnav {
font-size: 11px;
border-left: 1px solid #FFFFFF;
height: 26px;
}

/* SPOTLIGHT
——————————————————— */
#ja-spotlight-1 div.moduletable, #ja-spotlight-2 div.moduletable {
border: none;

[ramonau Friend ramonauJoin date: September 2006Posts: 7Downloads:0Uploads:0]

#210455

Hi,
May I determine different colors of the topmenu for different section?
I mean: HOMEMENU: green, NEWSROOM: orange, SERVICES: blue
How to do?

Thanks

[francis Friend francisJoin date: July 2006Posts: 11Downloads:0Uploads:0]

#210464

Hung, any help please?

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#210471

Hi friends,

JA Regulus Ex has 3 menu type in total, so which menu type you would like to use for your site?

I need to know the menu type to help you, bacause each type requires a different stylesheet. Hope to help you soon 🙂 .

[francis Friend francisJoin date: July 2006Posts: 11Downloads:0Uploads:0]

#210472

It is the normal menu, that we are using here: http://nicola.textdrive.com/~notebooks/
I just want to chane the Top Menu colors

[ramonau Friend ramonauJoin date: September 2006Posts: 7Downloads:0Uploads:0]

#210476

Hello francis,
Follow the next steps:
1. copy the css file that is inside the / * TOP NAVIGATION that Hung showed above;
2. paste at the end of the / * TOP NAVIGATION of your template_css.css file (before the / * SPOTLIGHT);
3. modify the codes of colours (#_______) of the background info, as you want;
Note: use any palette of colours (#_______) to select the wanted colour (photoshop, coreldraw, etc).
4. test different options until you find is good!
Good luck!

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#210485

Francis, it seem you want to use diffrent stylesheet for each menu as we do it with spical, this will require some customization, can you download JA Spica and have a look?

[ramonau Friend ramonauJoin date: September 2006Posts: 7Downloads:0Uploads:0]

#210520

Hi,
Yes, we would like to use different stylesheet for each menu as we do it with spical, could you teach us how to do that, please?

[Author]

Posts