News:

Wondering if this will always be free?  See why free is better.

Main Menu

Space between posts

Started by KirkhamsEbooks, November 11, 2015, 12:41:57 AM

Previous topic - Next topic

KirkhamsEbooks

I'd like to have more space between the posts in the forum  setting the number of posts per page doesn't help.

Using SMF 2.0.10

Rick

lntit

This is how I managed on our forum:
index.css
div.windowbg { /* also for windowbg2 */
    color: #000;
    background-color: #F0F4F7;
    margin-top: 5px;
    margin-bottom: 5px;

^Example with 5px
margin-top and margin-bottom makes possible. :)

KirkhamsEbooks

Even at 10 I didn't see the difference between postings I was hoping to see. Does it matter where I place the code as long as it's in index.css?

Rick

lntit

#3
Just add in the index.css:
div.windowbg
{
margin-bottom: 15px;
}
div.windowbg2
{
margin-bottom: 15px;
}


and it should display a space like in the screenshot:

EDIT: Juts to mention, this CSS edit will take affect on all <div class="windowbg(2)">

Gluz

Also, if you modify .css files, to see the effect after upload it you need to do a Hard Refresh in the browser with Ctrl + F5 to update all cached files.

robertmethew

Add a style for .post to the end of style.css:

.post {
   margin-bottom: 30px;
}
Adjust the 30px to suit.

KirkhamsEbooks

Did index.css replace style.css?

Rick

Gluz

Yup, index.css is from SMF 2.0.X and style.css is from SMF 1.1.X line.

Advertisement: