Recent Topics

1 May 21, 2008 20:05    

My b2evolution Version: 2.4.2

http://www.hudson2001.com/miscpics/b2evo/glossyblue-categories.jpg

I have looked through the CSS and have found mention of category widget stuff, but nothing that I can see that affects line spacing. I thought maybe it was the size of the category icon, so I changed it to something smaller but it had no effect on line spacing (so changed it back). I even tried taking out the 'category checkbox' option but that didn't help.

Secondarily, I would like to get rid of the horizontal lines between the categories. I did find CSS for lines in widgets, but I believe it was for the separator line under the category title (and not each individual category).

I would like it to look more like the categories from evocamp:

http://www.hudson2001.com/miscpics/b2evo/evocamp-categories.jpg

2 May 22, 2008 06:17

style.css, line 369

#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

Edit padding values and set border:none

3 May 22, 2008 13:12

Awesome, thanks! I will try it today!!

5 May 22, 2008 22:23

Add there something like this

font-size: 10px

6 May 22, 2008 22:27

Ah... I need a crash course in CSS, LOL. I tried

font: 85%

and

font: normal 85%

:D

7 May 22, 2008 22:40

You can also use % if you need
font-size: 85%

Good luck

8 May 28, 2008 18:31

Okay, now I have another category issue... not sure if it can be remedied, however. See here, when I have assigned too many categories to the post, it makes it too wide and pushes the right-justified Send Feedback to two lines and then you get all sorts of extra white space:

http://www.hudson2001.com/miscpics/b2evo/longcategories.jpg

Is there a way to make the categories themselves go to two lines, leaving the Send Feedback where it should be, without the white space?

Alternatively, if it was easier, I could move the Send Feedback to an entirely new position, like at the bottom of the post.

9 May 29, 2008 06:27

I don't have the files for that skin however you could simply try placing a <br /> between the span class for categories and the span class for comments in your post.main.php and then change the float:right for the comments span to a float:left
That way it would appear directly below the categories row if had one word or seven.
The related post.main.php..

<div class="post-title">
			<h2><?php $Item->title(); ?></h2>
		<span class="post-cat"><?php
				$Item->categories( array(
					'before'          => '',
					'after'           => ' ',
					'include_main'    => true,
					'include_other'   => true,
					'include_external'=> true,
					'link_categories' => true,
				) );
			?></span><br /> <span class="post-comments"><?php // Link to comments, trackbacks, etc.:
					$Item->feedback_link( array(
									'link_before' => '',
									'link_after' => '',
									'link_text_zero' => '#',
									'link_text_one' => '#',
									'link_text_more' => '#',
									'link_title' => '#',
									'use_popup' => false,
								) ); ?></span>
	  </div>


The related CSS

.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: left;
	font-size: 95%;
}


Form is loading...