divider or space between blog posts

[Josh Ribbeck]

Hi everyone,

I was wondering if anyone knew how to separate the blog posts like on linkinpark.com?  i would like to add a space between the posts, it looks cleaner. Thanks :)

Josh

[Emmanuel Ace]

try this one. but its not the same as Linkinpark

But your will have a border around each blog and space between them

.xg_widget_profiles_blog_list .xg_blog_list .xg_module_body {
margin-bottom: 50px;
border-style: solid;
border-width: 2px;
border-color: #C1C1C1;
}

[Josh Ribbeck]

Thanks Emmanuel... I am going to play around with it now.  Good to see some nearby users! I see you are in Lafayette. I am in Baton Rouge ;)

[Emmanuel Ace]

That code works in the example.com/profiles/blogs/list not the homepage

For homepage see George's

and yes... I am in Lafayette

[Josh Ribbeck]

didn't seem to affect anything.  Any other suggestions?

[Amanda Bears]

 Hey Josh, 

 I actually just tried Ace's code on my network (here) so you can see it. (It's for all blogs)

 I too was looking for something for our front page, since we feature two blogs at a time. And came across your post. 

[Josh Ribbeck]

interesting.... i put the code in the advanced section and nothing happened on mine.

take a peek iggyfied.ning.com 

[Amanda Bears]

 Now I am no wiz at CSS and such, but I am wondering if it is because it's your landing page. your blogs are on the front page. And the code doesn't work on the front page.  I wonder if that is what the issue is. 

[Josh Ribbeck]

didn't realize the blogs don't work on the front page.. total bummer!

[George H. Compton IV]

here's the code you're looking for. Their margin is 60 so this should do the trick just put this code in your nc custom code box.. let me know if it works :-)

<style>

div.xg_blog_list div.xg_module_body {
    margin-bottom: 60px;}

</style>

[George H. Compton IV]

she's right I just went to your page and my code doesn't work but it works in mine

give me a minute I'll figure it out

[Amanda Bears]

 George you are making me feel smart LOL. <3

[George H. Compton IV]

but you are smart Amanda :-)

okay the code you are looking for is this

<style>

DIV.blogpost.vcard
{margin-bottom: 60px;}

</style>

and if you want to use the code that everyone else is giving you this is how it should look

<style>

DIV.blogpost.vcard {margin-bottom: 50px;
border-style: solid;
border-width: 2px;
border-color: #C1C1C1;
}