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!
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.
