Dividing topics or posts

[spin]

Hi everyone

Someone please tell me how I add a solid line between post on main page like so on bloggingtips blog. The line in reference is the gray line just below the continue reading button on bottom right side of each post

here (http://www.bloggingtips.com/)

Im using the Evolution Theme and loving every minute of this learning process. I have search all thru this forum without finding this prized information.

Thanks in advance

[Kevin]

See the part which says Filed under ... etc. That is styled using a class and in the class I have specified the box to have a bottom grey border.

This is the code I used to get that effect

border-bottom:2px solid #a3a3a3;

Just add this to the class of the area you want to add a grey bottom border to :)

[spin]

NO Kevin, I'm sorry but haven't an idea where to look for this.

[sarahG]

Open up your CSS file (which ever colour scheme you're using). Search for the class ".post_c". If it exists then insert the style code Kevin put above.

If it doesn't exist, then select a spot in the CSS file (ideally with the other post styles) and insert the ruleset ie.

.post_c {
border-bottom:2px solid #a3a3a3;
}

[spin]

Thanks again guys

OK I went to default-blue.css ....There was no Post_c ...I added......and this is what I have


.title h2 a:hover {
color: #444;
text-decoration: underline;
}
.post_c {
border-bottom:2px solid #a3a3a3;
}

.postdata {
color: #999;
margin-bottom: 5px;
}

.postdata a {
color: #009fc0;
font-weight: 700;
}

However this didn't work, any ideas maybe:)

[sarahG]

You need to give us your site to look at then else every response is potentially a waste of time.

[spin]

HI sarahG and thanks for the reply. Here is the site http://www .fierysource.com/

Thanks in advance

[sarahG]

Right, .post_c didn't work as you've removed it. Find the ruleset for .post and add the bottom border in there and it'll work fine, however you may want to give .post some top padding to shift it down a bit else the dividing line sits on top of the next post title.

Also, you've put the style straight into your header.php file so it's pushing your site down, you may want to remove that too.

[spin]

LOL yes I removed it after I made the earlier post. Was confused as to which file to edit. Will try this again. Thanks

I edit this becasue this didn't work. It's clear I am doing something wrong here. So I will post my file here to look at ...thanks again

[Kevin]

Hey Spin

I've posted the stylesheet as an attachment instead of just posting it all in a post. This makes it easier for everyone to view :)

Kevin

[spin]

LOL that's a smart thing to do, lol maybe that's why your the owner huh? Thanks and sorry wasn't thinking

Anyway that file is untouched as where I put it didnt work. Was hoping someone could look thru it and explain exactly where to put that line of code. I'm learning and thanks again to all

[sarahG]

You've got

.post {
padding: 0 0 20px 0;
}

and you need to change this to

.post {
padding: 0 0 20px 0;
border-bottom:2px solid #a3a3a3;
}

[spin]

Ahh Ahh, I knew something was wrong. Your a genuis sarahG and thank you so very much. Hopefully I can return the favor sometime.

Regards

That worked nicely, now that I have a division between post if I may ask another question please.
How do I put padding just below that line so the next post isn't pushed up against the line? I have padding from bottom of post to line but again need padding from top of post to line. Again thank you so much for your time and help.