Create A Forum - Support Forums
Support => Style Support => Topic started by: CB on June 26, 2011, 04:50:44 pm
-
How can I change the Board Text to a different color? The default I have now is white, but what if I wanted to change it to say..blue, how would I do this? I guess the same question also goes to changing the Username displayed above the avatar to the same color as well, or any other color for that matter.
-
Anyone have an idea for this particular problem?
-
bump
-
Please post your forum url when asking for support. It helps us a lot in helping you out.
It'll take a couple of simple css edits (if you are using a custom stylesheet)
By Board text do you mean the Board's title?
For the Users Name at the top of posts in the poster profile area:
find:
.poster h4, .poster h4 a
{
color: #c06002;
}
Change the color code to what you want.
-
To change the color of the Board Title:
Find this in the css and change the color code:
/* the board title! */
.table_list tbody.content td.info
a.subject
{
font-weight: bold;
font-size:
110%;
color: #d97b33;
}
Your Board Titles look grey on my end. If you meant to say the Category Header titles do a search thruout the css for catbg then change the color code to the color you want. It'll need to be done in several places in the css.
Before doing any of these changes I would first check your PM box as I replied to yours and gave you some information about the style you are using.
-
To change the color of the Board Title:
Find this in the css and change the color code:
/* the board title! */
.table_list tbody.content td.info
a.subject
{
font-weight: bold;
font-size:
110%;
color: #d97b33;
}
Your Board Titles look grey on my end. If you meant to say the Category Header titles do a search thruout the css for catbg then change the color code to the color you want. It'll need to be done in several places in the css.
Before doing any of these changes I would first check your PM box as I replied to yours and gave you some information about the style you are using.
Comic Books Text currently set at White. I'd like to change it to Blue
And underneath Comic Book Title where it says Talk about DC, which is a grey color, I'd like to change that to White.
For Board Title, I'm guessing that's the one that these topics fall under?
-
The Lobby, Home Entertainment Center, etc - those are Categorys.
To change that font color you need to change the font color for catbg thruout the css.
Off-Topic, Introduce Yourself, etc - those are the Board Titles.
To change their font color do as I stated in the post above.
The "Talk about DC" text you are referring to is the Subject.
I need to go check the css again to refresh my memory on where to change that.
-
You can change that font color but it will change it to white in several other places. You can try it and set it back if you dont like it.
find this in the css - change the font color to #fff; for white
/* use dark grey for the text, leaving black for headers etc */
body, td, th, tr
{
color: #7f7f7f;
}
-
You can change that font color but it will change it to white in several other places. You can try it and set it back if you dont like it.
find this in the css - change the font color to #fff; for white
/* use dark grey for the text, leaving black for headers etc */
body, td, th, tr
{
color: #7f7f7f;
}
Where exactly is the CSS at?
-
In style manager - modify the style you are using on your forum
-
In style manager - modify the style you are using on your forum
Okay, I see the CSS now. But what to do now that I'm here? Do I just drop the code from the previous post in there or am I suppose to swap put a code?
Panic attacks commencing.
-
Okay, I swapped out the colors to see what it looked like. It did what I wanted...kinda. As you mentioned it did change more than I wanted. I liked the white color for the description. But I would like to be able to keep the white for the description while also being able change the rest of the text to a different color: Baby Blue or some color close to that.
I switched back to the original color for the time being till I get your input.
-
Okay, I swapped out the colors to see what it looked like. It did what I wanted...kinda. As you mentioned it did change more than I wanted. I liked the white color for the description. But I would like to be able to keep the white for the description while also being able change the rest of the text to a different color: Baby Blue or some color close to that.
I switched back to the original color for the time being till I get your input.
Okay. Follow the directions that I gave you for changing the color of the Board Title to change it to the color you want.
To change the color of the Description of the Board to white (under the Board title) add this directly under the code for the Board Title
.table_list tbody.content td.info p
{
color: #fff;
}
-
Can you double check on those codes you gave me? I'm trying to change the Description Text to white using the code you told me to swap in. But when I'm done doing so, the entire board itself, along with the Description Text turns white.
FYI, I'm using the Prince Of Darkness Theme if that helps.
-
You sure you used the correct edit since I posted several for different things?
I'll repost what you need to do to change the Board Title to white. That is the only thing it will change.
To change the color of the Board Title:
Find this in the css and change the color code:
/* the board title! */
.table_list tbody.content td.info
a.subject
{
font-weight: bold;
font-size:
110%;
color: #d97b33;
}
-
Okay, I got both the Headers and Description colors set the way I want. :)
Next up, how do I change the default color to white (#fff) when making thread post(s). It's currently set to a default grey which makes it hard to read on black background.
-
Change the font color here:
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: solid 1px #6F5C45;
color: #7F7F7F;
}
-
The Lobby, Home Entertainment Center, etc - those are Categorys.
To change that font color you need to change the font color for catbg thruout the css.
A little unclear about this. Are you saying that Category's code is scattered throughout the CSS code and that I will have to go in a change the color more than once?
-
Change the font color here:
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: solid 1px #6F5C45;
color: #7F7F7F;
}
I've been scrolling looking for this. Can't find it. Is the code near the top, middle or end of overall CSS?
-
Change the font color here:
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: solid 1px #6F5C45;
color: #7F7F7F;
}
I've been scrolling looking for this. Can't find it. Is the code near the top, middle or end of overall CSS?
Okay, I found this one. It's working now.
-
You are scrolling through the css to find things???????????? Why aren't you doing a search? Use your browsers search feature and type .inner It'll find it for you fast.
-
I'm makins changes to the poster profile area - see if you like this:
http://sibs.createaforum.com/general-discussion/poll-test-post/msg5/#msg5
-
You are scrolling through the css to find things?supportsupportsupport?? Why aren't you doing a search? Use your browsers search feature and type .inner It'll find it for you fast.
How and where do I use the search function for CSS? I know how to use the search function for the main forum, but never knew about searching within CSS codes.
-
I'm makins changes to the poster profile area - see if you like this:
http://sibs.createaforum.com/general-discussion/poll-test-post/msg5/#msg5 (http://sibs.createaforum.com/general-discussion/poll-test-post/msg5/#msg5)
It looks good but I like the current style you already have in place. Will this affect current look that I have if your changing some of the codes on your end?
-
I'm makins changes to the poster profile area - see if you like this:
http://sibs.createaforum.com/general-discussion/poll-test-post/msg5/#msg5 (http://sibs.createaforum.com/general-discussion/poll-test-post/msg5/#msg5)
It looks good but I like the current style you already have in place. Will this affect current look that I have if your changing some of the codes on your end?
No.. there is no way I can change your css.
-
The Lobby, Home Entertainment Center, etc - those are Categorys.
To change that font color you need to change the font color for catbg thruout the css.
A little unclear about this. Are you saying that Category's code is scattered throughout the CSS code and that I will have to go in a change the color more than once?
Yes. You will have to search thru the CSS for every occurance of catbg and change the current color to the color you want.
I would be careful about changing too many of the styles colors to white however as it could wnd up with a lot of white text on black and hard on the eyes. With darker themes it looks better to have the font for the category headers a different color then the surrounding font colors. It helps to separate things and make it more readable.
The font color for the catbg's is:
color: #FFDD99;
You could do a search for that color code and then read to make sure its for a catbg class and if it is change it.
-
The Lobby, Home Entertainment Center, etc - those are Categorys.
To change that font color you need to change the font color for catbg thruout the css.
A little unclear about this. Are you saying that Category's code is scattered throughout the CSS code and that I will have to go in a change the color more than once?
Yes. You will have to search thru the CSS for every occurance of catbg and change the current color to the color you want.
I would be careful about changing too many of the styles colors to white however as it could wnd up with a lot of white text on black and hard on the eyes. With darker themes it looks better to have the font for the category headers a different color then the surrounding font colors. It helps to separate things and make it more readable.
Yeah, for the time being I'm going to just leave the Category set at it's default Gold Color. I just wanted to know for future reference in how to go about changing this particular setting. So, it will be listed under the name category (catbg) right?
-
Yes and note my edit to the post
The font color for the catbg's is:
color: #FFDD99;
You could do a search for that color code and then read to make sure its for a catbg class and
if it is change it
-
What browser do you use?
-
What browser do you use?
Chrome and FF. But currently on Chrome.
-
When you have the css open click Edit/Find in Firefox and type #FFDD99 in the search box. It'll search thru the css and highlight each occurance of it. You can click Next or Previous as you go along. Its MUCH faster ;)
I had no idea you were hand scrolling through approx 3500 lines of code LOL
-
I had no idea you were hand scrolling through approx 3500 lines of code LOL
It was painful to say the least. 8)
-
How (what's the code) do I change the color for threads? It's currently set at a gold color, which I like. I just want to make it a little bit lighter so that it's easier to read.
Thanks.
-
Although the css with 2.0 gives more creative control it is not always possible to change every specific thing without it effecting other areas. I also do not know 2.0's css inside out and would have to go thru and figure out some things myself first, test them, then tell you how to do it. Its a huge change from 1.1's css. THAT I knew inside out.
What I would do is change the gold color throughout the forum. Its the first code at the top of the css (Normal Standard Links)
If you use IE 9 you can use (From Tools) F12 Developer Tools. Its handy to figure out what handles what. That or try the Firebug addon for Firefox. Ild also consider learning some css or getting an understanding of it, how it works with html, etc. w3schools is very good for that. What Im leaning at here is that I dont mind a few little changes but Im not gonna do a total style redo for ya either ;)
At any rate.. try doing the change to the Normal Standard Links
From a creative standpoint a piece of advice. Sine the theme is a dark theme the font colors are normally subdued so they do not stand out in an extreme way. That can ruin the theme as instead of being a part OF it you wind up seeing this darkness on a page and bright words everywhere. It can also be difficult on the eyes.