I'm trying to sort out some theming problems denver has with advanced forum. There are two issues
1. HUGE text in the topic list
2. Removed gap between the buttons and the list

It's definitely caused by Denver because if I remove the style.css the font formatting resolves (though of course everything else goes to pot!). I've gone through the stylesheet removing one function at a time to try and find which one is messing up the formatting but no luck.

See here for examples:
http://www.carabusonline.co.uk/en/forum/carabus-literature

thanks
Matt

Comments

JConnell’s picture

I am also experiencing these issues and another theme problem described here: http://drupal.org/node/233394

millions’s picture

I have this as well.

edcazini’s picture

Hi, this is what I did...
In Denver's style.css i changed around line 671
from this:

#forum td {
  padding: 0.5em;
}

to this:

#forum td {
  padding: 0.5em;
  font-size: 0.85em;
}
millions’s picture

Thanks, that helped with the font size, did you figure out something for the button placement/spacing?

edcazini’s picture

Ok, here's what kept my sanity. I copied to Denver's style.css all the relevant styling from advanced_forum, put them at the bottom.

/* Advanced Forum overrides */
.forumlinks li {
	background: none;
	margin: 0pt;
	padding: 0pt;
	padding-right: 0pt;
}

.forumlinks li a {
	background: #2587C4;
	border: 1px #2587C4 outset;
	color: #FFFFFF;
	font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 1px 4px;
	text-decoration: none;
}

.forumlinks li a:link {
	color: #0000FF;
}

.forumlinks li a:active {
	color: #0000FF;
}

.forumlinks li a:visited {
	color: #0000FF;
}

.forumlinks li a:hover {
	background-color: transparent; /* i like subtle link decorations */
	border-style: outset; /* same here */
	color: #FF0000; /* aahh, this one's better */
	padding: 1px 4px; /* oh please no shifting - hurts my eyes*/
}

li.comment_delete a {
	background: url(images/mini-trash.gif) no-repeat 0 50%;
	padding-left: 15px;
}

li.comment_delete a:hover {
	padding-left: 15px;
}

li.comment_edit a {
	background: url(images/mini-edit.gif) no-repeat 0 50%;
	padding-left: 15px;
}

li.comment_edit a:hover {
	padding-left: 15px;
}

li.comment_reply a {
	background: url(images/mini-comments.gif) no-repeat 0 50%;
	padding-left: 15px;
}

li.comment_reply a:hover {
	padding-left: 15px;
}
/* End override */

If images do not show, copy them over appropriately, or change the links.

Cheers
Edwin