Pixelpost

kulayphoto · #1 11-19-2006, 08:08 PM

Hi

Does anyone know how to get numbered comments in Pixelpost. By that I mean in the comments section it displays like:

1)Comment

2)Another comment

3)etc...

I believe in wordpress it is achieved by adding this piece of code to the foreach in the comments page..

<?php $i++; echo "<span class='comment_number'>Comment # ".$i."</span>"; ?>

In Pixelpost I can't find where to try this!

Thanks

Paul

#2 11-19-2006, 08:16 PM

check any CSS-reference for the element counter-increment

Code:

li:before
{
  content: counter(i) " ";
  counter-increment:i;
}

so before every comment (they are formatted as <LI>) will sit an incremented counter

didn't try that but should work at least in advanced browsers

otherwise you could edit functions.php (change <ul> to <ol>)

kulayphoto · #3 11-19-2006, 08:30 PM

Hi

Thanks

I did try editing functions.php before posting here but it didn't make any difference. The CSS changes simply added a 1 in front of every li.

Thanks for the advice, this may prove to be a real thinker!

Paul

**GeoS**+ · #4 11-19-2006, 09:08 PM

All front side part of PP should be customized by CSS and we are trying to give all our users such possibility. It also should be possible to do in CSS way if only your template is based on CSS functionality and isnt much hardcoded.

#5 11-20-2006, 08:45 AM

check the CSS for the List-Elements

there are css-definitions not to show numbering (list-style:no, if I remember well)

so if you changed <UL> to <OL>, take off the CSS for the List-elements and you will see the effect

it is not possible to allow something what is forbidden, result will be nothing ;=)

kulayphoto · #6 11-21-2006, 05:00 PM

Hi

Again, thanks for your replies but for some reason this just doesn't work for me!

I'm using <ol> and took off the css for list elements but all I get is a space in front of the comment where the number should be...see it in (un)action at http://www.kulayphotography.com/blog and c lick the INFO/COMMENTS link

OK, it seems to work in windows vista / IE 7 but not in any OS X browser!...sigh...

Regards

Paul

#7 11-21-2006, 09:38 PM

please,

validate your site as it is now, both HTML and CSS

if this is valid, everything is correct and we must not bother anymore here

kulayphoto · #8 11-22-2006, 06:58 PM

Connie

It's Ok, I almost have it sorted. Thanks for your help.

Paul

Bob! · #9 03-02-2007, 04:54 PM

Hi Paul, I installed Pixelpost yesterday and was having a lurk through here when I saw this post. Getting numbers before your comments is actually very simple. Ignore anything about changing any file other than your css.

Open your css file and find-

Code:

#comments li {

In this section you should see a line saying-

Code:

	display:block;

replace this line with-

Code:

	list-style-type: decimal;

That's all you need for the comment number to appear in front of each comment. But it's sitting outside the comment box and looks (to me) alittle untidy. If you want the number to appear inside the box directly infront of each comment add the following line into the same section-

Code:

	list-style-position: inside;

Your code should now look something like this-

Code:

#comments li {
	list-style-type: decimal;
	list-style-position: inside;

You can also use roman-numerials instead of the numbers 1-10 by changing the decimal above to either lower-roman or upper-roman.

Please note that the css example that you look for comes with the simple skin available with PixelPost 1.5 Final and may vary slighter in different skins. Also this was tested with FF 2.0 and IE 7 and may appear differently in other or older browsers.

Pixelpost

Authentic Photoblog Flavour