Joomla Templates Club 406,261 posts

[jaques Friend jaquesJoin date: April 2007Posts: 13Downloads:0Uploads:0]

#120034

Hey guys i would like to change the color of the text and the boxes just underneath the header where home,news,blog,links,etc comes,the reason is i have a white background and you cant see wack, i know this is to be changed in the index.php if someone can just show me where

Tahnx in advance

[jaques Friend jaquesJoin date: April 2007Posts: 13Downloads:0Uploads:0]

#219574

and still no reply?

Please help!

[hellonow Friend hellonowJoin date: August 2006Posts: 14Downloads:0Uploads:0]

#219577

<em>@Jaques 14477 wrote:</em><blockquote>Hey guys i would like to change the color of the text and the boxes just underneath the header where home,news,blog,links,etc comes,the reason is i have a white background and you cant see wack, i know this is to be changed in the index.php if someone can just show me where

Tahnx in advance</blockquote>

this depends which type of menu system you are using i think?

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#219601

If you open up template.css.css and scroll down to line 1007 you find this:

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
}

Then you can add this:

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
background: #change this to the color you want;
}

This makes you change the background color of the whole “menu part” but not the font color.

Or you can open up “header-bg.jpg” and “header-bg-narrow.jpg” and add the color there to the background.
You can see a lighter color at the bottom of those images and there you can change the color to suit your needs.

[gcurrents Friend gcurrentsJoin date: March 2007Posts: 10Downloads:0Uploads:2]

#220402

I had the same question! This seems to answer it.

[aimforgrowth Friend aimforgrowthJoin date: May 2007Posts: 22Downloads:0Uploads:0]

#223135

This does not quite address the question at hand, however. I need to know how to change the FONT color, not the background color. I want to change the font from #FFFFFF to #000000 (from Black to White). Please advise as soon as possible.

Tim.

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223143

aimforgrowth;19579This does not quite address the question at hand, however. I need to know how to change the FONT color, not the background color. I want to change the font from #FFFFFF to #000000 (from Black to White). Please advise as soon as possible.

Tim.

search the css file for reference to font and #FFFFFF and change there

[aimforgrowth Friend aimforgrowthJoin date: May 2007Posts: 22Downloads:0Uploads:0]

#223158

<em>@ShannonN 19589 wrote:</em><blockquote>search the css file for reference to font and #FFFFFF and change there</blockquote>

Yes, that I have already done, but it didn’t seem to change anything. Got a specific line in mind? There are several references to #FFFFFF. This would be done in the template.css.css file, correct?

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223163

aimforgrowth;19607Yes, that I have already done, but it didn’t seem to change anything. Got a specific line in mind? There are several references to #FFFFFF. This would be done in the template.css.css file, correct?

yes template css.css is the one to look for font colors

first look through the file and you know NOT to change any FFFFFF that are after background class, I see the body text is already set to 000000 and the rest is not black but dark grey 999999 light grey 333333etc

Just go through it line by line and again leave anything called background alone its ‘color’ you normally change except for the url hover etc which you want to stay blue
remember css works on inheritance etc

If you know nothing about css have a look at some tutorials at http://www.projectseven.com/tutorials/css/index.htm in the tutorials css section they explain with samples and good explanations what does what far better than I can in one post

Hope this assists you
ShannonN

[aimforgrowth Friend aimforgrowthJoin date: May 2007Posts: 22Downloads:0Uploads:0]

#223165

Thank you. I am famialiar with css, and hav egone through the entire template_css.css file and have searched for #FFFFFF and replaced each one (1 at a time), and replaced the #FFFFFF with #000000, saved it each time, uploaded it, refreshed the page display, but to no avail. I’ve even looked at teh ja_seneca userguide, but still. . . nothing. Any ideas?

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223188

aimforgrowth;19615Thank you. I am famialiar with css, and hav egone through the entire template_css.css file and have searched for #FFFFFF and replaced each one (1 at a time), and replaced the #FFFFFF with #000000, saved it each time, uploaded it, refreshed the page display, but to no avail. I’ve even looked at teh ja_seneca userguide, but still. . . nothing. Any ideas?

#am here sleep time I’ll have a good look at teh css file tomorrow for you and try to figure out where the correct calls are
Night

[aimforgrowth Friend aimforgrowthJoin date: May 2007Posts: 22Downloads:0Uploads:0]

#223201

<em>@ShannonN 19645 wrote:</em><blockquote>#am here sleep time I’ll have a good look at teh css file tomorrow for you and try to figure out where the correct calls are
Night</blockquote>

Thank you very much, I look forward to hearing from you, ShannonN.

[aimforgrowth Friend aimforgrowthJoin date: May 2007Posts: 22Downloads:0Uploads:0]

#223226

I figured it out:

In the ja_senecio/ja_transmenu/ja_transmenuh.css file you’ll find the following code starting on line 251. Simply remove the #FFFFFF and replace with #000000.

#ja-transmenu li a { /* common styles for 1st level menu */

float: left;
margin: 5px 0 0;
padding: 0 20px;
display: block;
color: #FFFFFF;
font-size: 115%;
font-weight: bold;
line-height: 30px;
text-decoration: none;
cursor: pointer;
}

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223237

aimforgrowth;19691I figured it out:

In the ja_senecio/ja_transmenu/ja_transmenuh.css file you’ll find the following code starting on line 251. Simply remove the #FFFFFF and replace with #000000.

#ja-transmenu li a { /* common styles for 1st level menu */

float: left;
margin: 5px 0 0;
padding: 0 20px;
display: block;
color: #FFFFFF;
font-size: 115%;
font-weight: bold;
line-height: 30px;
text-decoration: none;
cursor: pointer;
}

There ya go the transmenu .css file was the one to look at simple but I overlooked it completely Guess I need to use some of teh templates more myself thanks for posting the solution

Cheers ShannonN

[Author]

Posts