Joomla Templates Club 406,261 posts

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#140197

Could someone quickly explain how to change the menu line colour and tabs….

[leisurepublishing Friend leisurepublishingJoin date: February 2009Posts: 49Downloads:0Uploads:0 Thanks: 10 Thanked: 5 times in 1 posts]

#301146

It’s a setting in your CSS stylesheet. You’ll want to find the stylesheet for the color you’re using (/templates/ja_teline_ii/css/colors/theme-yourcolor.css)

Then find the styles you need to modify and change border-colors, etc. You could also duplicate an existing style sheet, rename it to theme-custom.css (this is what I did) and then change away and that way if you ever upgrade the theme, your style changes won’t be overwritten by a newer stylesheet of the same name. Hope that helps!

Oh yeah, regarding tabs, you’ll need to make a note of what tabs you’re using (mootabs, etc.) because there are separate styles for each type of tab.

1 user says Thank You to leisurepublishing for this useful post

1. bookpeg

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#301220

Thankyou great answer but the one i use is grey the standard new menu colour.
How can i change that one?

[leisurepublishing Friend leisurepublishingJoin date: February 2009Posts: 49Downloads:0Uploads:0 Thanks: 10 Thanked: 5 times in 1 posts]

#301247

Is your site live? If so post it and then I can easily tell you what you need to change. Thanks!

Also, you can go to your admin then “Extensions” > “Template Manager” > “JA Teline II” and then under “Parameters” there is “Color Variation”. Whatever is selected there is the stylesheet you need to edit.

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#301250

http://reporter.elanguest.com/

the colour variation says Default there is nothing else to select.

[leisurepublishing Friend leisurepublishingJoin date: February 2009Posts: 49Downloads:0Uploads:0 Thanks: 10 Thanked: 5 times in 1 posts]

#301252

Okay, so you want to edit the following–

template.css (line 884 or so you’ll see the below) :

#ja-mainnavwrap {
border-bottom: 5px solid #CCCCCC;
}

Change that to whatever you want it to be and you’ll be golden. And if you use FireFox, you should investigate the plug-in “FireBug”. It’s genius at figuring things like that out, just right click the element you want to change, pick “Inspect Element” and it’ll show you the CSS, what file it’s from and what line number to go to to edit it. It’ll also let you change values in the browser so you can mess around with the rendered CSS and see how what you do will change it on the page. Keeps you from having to do a lot of saving and refreshing. :o)

1 user says Thank You to leisurepublishing for this useful post

1. bookpeg

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#301253

If this works i’ll overwrite this and thankyou some more because this was a real pain…

silly question maybe where do you manage to see the line number.

[leisurepublishing Friend leisurepublishingJoin date: February 2009Posts: 49Downloads:0Uploads:0 Thanks: 10 Thanked: 5 times in 1 posts]

#301254

If you mean when you’re editing, I use Dreamweaver and you can turn line numbers on by going to “View” > “Code View Options” and then check “Line Numbers”. If you don’t have Dreamweaver, I’d download “Textpad” and use it for your editing, you can also turn on line numbers with it. Very handy.

If you mean in FireBug, the line number is right next to the style in the inspection window in the right frame. HTH.

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#301255

like to say it worked but it didnt :S

Did you manage to change it with the firebug, cause maybe im doing something wrong.

[leisurepublishing Friend leisurepublishingJoin date: February 2009Posts: 49Downloads:0Uploads:0 Thanks: 10 Thanked: 5 times in 1 posts]

#301257

It looks like it worked because I’m seeing a “reddish” colored line with a hex value of #D73332

Maybe your browser is caching it? Press “CTRL” + “F5” and see if it changes for you then. I’m seeing your change just fine on my end 😉

1 user says Thank You to leisurepublishing for this useful post

1. bookpeg

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#301258

Wow great one man thankyou …. looks great…. btw one your website you have the border going over the text, how did you do that thanks again…

wait even better how did you change the tab…..

think that is in the main template file to

[leisurepublishing Friend leisurepublishingJoin date: February 2009Posts: 49Downloads:0Uploads:0 Thanks: 10 Thanked: 5 times in 1 posts]

#301259

Well with mine I have a background-image set so it looks like a top border but it’s really just part of the background image. You can look at my stylesheet here to see how I did it-

http://vps2.leisurepublishing.com/~blue/templates/ja_teline_ii/css/colors/theme-blueridge.css

I have all my customizations commented so you shouldn’t have any trouble finding what’s what.

But if all you want is a border on the top, just add the style- border-top: 5px solid #CCC;
to your style that you edited earlier, and change the #CCC to your color you want along the top.

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#301260

——————– 🙂

[Author]

Posts