Space Around Forums

[Take Notes]

There is white space around the forums from the bottom, top, left and right; on the support forum. How can I do that? Tried it and it only added space in between forums and messed up in the private message part.

Forum link: www.katalyst.forumotion.com

[Take Notes]

Bump!

[Ape]

Hello there Buddy

Can you please take a screen shot of the part you mean making it Clear to what part you are asking about 

[Take Notes]

I will try to clarify and if there is still trouble I can take a screenshot.

Basically, you have the different forums under categories. Each forum background is the same and there is white space that is lighter than the forums' background that is around the forums. It's like a picture frame containing a picture if that helps.

[Take Notes]

Bump.

[Take Notes]

Bump. 

[Take Notes]

I managed to do something similar by adding "border-right: __px", "border-left..." and so on but between the forums, the "top" and the "bottom" are added together making it extra pixels.

[Ange Tuteur]

Hi @Forumedic,

Sorry for the late reply. Just to clarify, are you talking about the category container :


or the forum row ?

[Take Notes]

This ^

[Ange Tuteur]

It's a few borders, some margin, and a background color on the row. Like this :

Code:

.forabg .row, .forumbg .row {
  background:#F2F2F2;
  border:1px solid #DDD!important;
  border-bottom-width:2px!important;
  border-radius:3px;
  margin-bottom:6px;
}

[Take Notes]

Thanks! It worked but there is no space on the left and right and the bottom somehow matched the category header color.

[Take Notes]

Bump.

[Ange Tuteur]

You'll need to add some padding to the containers. Here's the CSS :

Code:

.inner > .topiclist + .topiclist {
  padding:9px 6px 3px 6px;
}

.forabg, .forumbg {
  padding:3px;
}

or additional margins to the rows.

[Take Notes]

It worked, thank you so much. Only issue now is the color of each category header goes all around the category on the border.

[Take Notes]

Bump!

[Ange Tuteur]

This rule should do the trick :

Code:

.inner > .topiclist + .topiclist {
  margin:0 -3px -3px -3px;
}

[Take Notes]

Thank you, worked! Also, I think I may know how but how should I do this to messages and topics?

[Take Notes]

Bump.

[Take Notes]

Bump.

[Take Notes]

Bump.

[Take Notes]

Bump.

[Ange Tuteur]

Thank you, worked! Also, I think I may know how but how should I do this to messages and topics?

It should already be applied to the topics, but I do notice that the background isn't matching the index. CSS to fix that :

Code:

.forumbg ul.topiclist.bg_none { background:#FFF }

As for the messages I'm not sure what you're wanting.

[Take Notes]

I would like the inbox to look like the forum sub-forums and categories.

Thank you for the code.

[Take Notes]

Bump.

[Ange Tuteur]

That also has the same problem. Add this rule to your stylesheet :

Code:

.forabg .topiclist.pmlist.bg_none { background:#FFF }

[Take Notes]

I will add it tomorrow, will send the result, thank you!