Space Around Forums

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

Bump!

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 

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.

Bump.

Bump. 

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.

Hi @Forumedic,

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


or the forum row ?

This ^

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;
}

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

Bump.

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.

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

Bump!

This rule should do the trick :

Code:

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

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

Bump.

Bump.

Bump.

Bump.

Forumedic wrote: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.

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

Thank you for the code.

Bump.

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

Code:

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

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