Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Color Changing Category Text!; change the color of my categories
Topic Started: May 29 2008, 05:41 PM (818 Views)
x-tricks
Member
[ * ]
I'd like to change the color of the text within the h2 bars. I found infon on how to change the size and color of the bars that surround the text of my category titles but not the categories themselves.

Help?
Offline Profile Quote Post Goto Top
 
falconfan728
Member
[ * ]
find this in the css

.category h2, .topic h2, #portal h2, #portal_foot h2, thead th {
background:#6A7DB6 url(http://z3.ifrm.com/static/1/css/h2.png) repeat-x scroll center top;
color:#FFFFFF;
font-size:110%;
font-weight:700;
}

your values may be different but go to where it says color and change that to the hex code of the color you want to use.
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
falconfan728
May 29 2008, 05:49 PM
find this in the css

.category h2, .topic h2, #portal h2, #portal_foot h2, thead th {
background:#6A7DB6 url(http://z3.ifrm.com/static/1/css/h2.png) repeat-x scroll center top;
color:#FFFFFF;
font-size:110%;
font-weight:700;
}

your values may be different but go to where it says color and change that to the hex code of the color you want to use.
That will only affect the text on the board statistics header since normal categories use links, not plain text.
Quote:
 
.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#fff;
}

Find this wodge. It includes all the white text on the skin. Remove what I've put in bold (including any commas highlighted), and then add this below it:
CSS
 
.category h2 a, .category h2 a:hover {
color: #HEX;
}

Replace #HEX with your chosen hex code.
Offline Profile Quote Post Goto Top
 
x-tricks
Member
[ * ]
falconfan728
May 29 2008, 05:49 PM
find this in the css

.category h2, .topic h2, #portal h2, #portal_foot h2, thead th {
background:#6A7DB6 url(http://z3.ifrm.com/static/1/css/h2.png) repeat-x scroll center top;
color:#FFFFFF;
font-size:110%;
font-weight:700;
}

your values may be different but go to where it says color and change that to the hex code of the color you want to use.
Thanks, so the

'background:#6A7DB6' is the color of the bar itself and the 'color:#FFFFFF' is the color of the text?
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
I'll explain the background thing a bit:

The gradient image isn't very big, and on some pages it's not big enough to cover the area it's in. repeat-x makes the background image repeat from left to right, and top positions the background image to the top of the area it's in.
The background colour is the colour at the end of the gradient image. So when there is an area the image is too big for, the colour essentially carries on as the background colour 'fills in' what the gradient image cannot.

Does that make sense? :)

Yes, color: #FFFFFF; is the text colour. #FFFFFF is the hex code for white, too.
Offline Profile Quote Post Goto Top
 
x-tricks
Member
[ * ]
Alas, this is not quite what I'm looking for. I want to change the color of the text of the categories on the very top level (the first page, the one you see when you come to the forum).

For example, I've got category 'The Hub'

(see forum here: http://s9.zetaboards.com/Torchwood_3/index/).

I'd like it (and the other categories) to be red. The changes I've made have resulted in red for the category titles when you drill down into the forum but not the very first page.

Though, thank you for the code. 'Tis interesting to play with :D
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
I already told you how to change it. You must've ignored my post. Look above. I told you exactly how to change the links.
What is currently red is normal text. 'Board Statistics' is not a link. The rest of the category names are, because you can click it to view just that category and it's forums.
Therefore you need to follow the instructions in my post, where I told 'falconfan728' that he was nearly there but missed out the key parts: The link colours.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Add Reply