Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > CSS for forum, topic and message separators / dividers
Mottie (MVP) 8/31/2008 4:56 AM EST : CSS for forum, topic and message separators / dividers
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

I've seen this question so many times that I thought I'd make a separate post for easier forum searching (which is why I made the long subject title). If you want to see all the CSS styles and what they change on your site, check out this post.

Forum Group separator
 Editor 
Control Panel > Style & Colors > Forums Styles > Forum Category Background
CSS.ForumCategoryHeader { color: #ffffff; font-size: 110%; background: #222222 url(); border: 0px; padding: 2px; margin: 1px; }
Forum Topic and Message separator
 Editor 
Control Panel > Style & Colors > Content Boxes > Even Rows Background Color
CSS.AltGridRow { color:#ffffff; background:#222222 url(); }
The even rows (AltGridRow) effects both the topic listing and the forum messages. If you only want the individual posts to be separated, then use this CSS
 CSS* 
.MessageAuthorLinkCell1 { color:#ffffff; background:#222222 url(); }
.MessageSubjectCell1 { color:#ffffff; background:#222222 url(); }
To modify the link color of that separator, add this:
 CSS* 
.MessageAuthorLinkCell1 a:link { color:#ffffff; }
.MessageSubjectCell1 a:link { color:#ffffff; }
You can also add more styles to the links by copying the CSS above and changing the a:link to a:active, a:hover and a:visited, if you want to change those styles as well.

*Note: I only added the CSS here because I haven't checked the built in editor to see if it was possible to modify it there.

Color key:
red
Text color
green
Background color
orangeBackground image (blank in the examples. To add an image, just paste the URL inside the parenthesis - url (URL HERE)... )
blueFont size. You can use either percent size (110%) or point size (18pt)

TopBottom

539907493_Inactive (New Admin) 8/31/2008 1:10 PM EST : RE: CSS for forum, topic and message separators / div...
539907493_Inactive
Posts: 238
Fingers of Fury!

awesome worked like a charm /bow to mottie!
TopBottom

Kaysi (Guild Admin) 9/5/2008 3:59 AM EST : RE: CSS for forum, topic and message separators / div...

Kaysi
Posts: 445
Fingers of Fury!

Alrightie, I messed something up.... and now the line that divides the Topic & Responses within the thread has vanished!

I placed all of those into my CSS.... what am I messing up? Help!

~Thanks!
Miria Signature
"I can heal any flashpoint, quest, or player, but I can't heal stupidity."
TopBottom

Mottie (MVP) 9/5/2008 4:14 AM EST : RE: CSS for forum, topic and message separators / div...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

It looks like all you did was set the background color to black. All I changed was the code in red below and it worked 
.MessageAuthorLinkCell1 { color:#990000; background:#111111; }
.MessageSubjectCell1 { color:#990000; background:#111111; }
.MessageAuthorLinkCell1 a:link { color:#990000; }
.MessageSubjectCell1 a:link { color:#990000; }
.ForumCategoryHeader { color: #990000; font-size: 110%; background: #111111; border: 0px; padding: 2px; margin: 1px; }
TopBottom

Kaysi (Guild Admin) 9/6/2008 5:52 AM EST : RE: CSS for forum, topic and message separators / div...

Kaysi
Posts: 445
Fingers of Fury!

You are the best, thank you!
Miria Signature
"I can heal any flashpoint, quest, or player, but I can't heal stupidity."
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%