Where do I put this border text? (CSS HELP)

well…the dotted line is controlled here in your style.css…..

.post h2{
	font:normal 15pt arial, times;
	border-bottom: 1px dotted #dddddd;
	}

I’m still fairly new to css, I’ve only done my own couple of themes…. looking at your source i see the date is wrapped in <small></small> tags…..is it also wrapped by a class? it doesn’t look like it is…

I would think you could wrap the line of code that displays your date in your index.php file with something like
<div class="date"> the code </div>
then in your css add

.date {
	border-bottom: 1px dotted #dddddd;
}

and delete that border from the .post h2 entry…..

as always…make a backup before messing with it….. (again..I’m kinda new, this is just the route I would take)

you could change this in your style.css:

1. comment-out the border-bottom in .post h2:

.post h2{
	font:normal 15pt arial, times;
	/*border-bottom: 1px dotted #dddddd;*/
	}

2. put new statement in to format the date (.post small) with dotted underline across the space:

.post small {
   border-bottom: 1px dotted #dddddd;
   width:100%;
   display:block;}

3. put new statement in to bring the small format back to normal for posts text:

.post p small {
   border:none;
   width:auto;
   display:inline; }

good luck ??

ah aha! I wasn’t sure if I could use the <small> pseudo selector! Thanks, I learned something!

Thanks heaps!

I’m not sure if it was intentional, but it looks like you have a set width on the class .post small

This is causing the dotted line to go further than the text.