Category Display problem, please help!

Hi!

I need help with seperating the forum categories on the index so that there is a space between them.

I want to seperate the areas as shown by the arrows, to make a gap between them, so that you can see the background behind. It seems to be automatic for the FAQ section of the forum, as shown below.


Please help me i really want to know how to do this! thanks!

Please provide your forum url.

Try this, hope it helps

Code:

        .forabg {
        margin-bottom: 10px;
        }

Hey, im not sure where im supposed to put that, is it in my color's css style sheet or what

Yes that's right.

PS: if you want more space between the categories, replace the "10" with "20" for example.

In my css stylesheet when i search for .forabg there is no line that comes up with that on, so i'm really not sure where im supposed to put that piece of code.

CatherinaAndrea wrote:Try this, hope it helps

Code:

        .forabg {
        margin-bottom: 10px;
        }

Put That In The Css Style Sheet And Put It Anywhere In The Css Stylesheet

That's right you are putting that one in yourself. Just copy this code:

Code:

.forabg {
        margin-bottom: 10px;
        }

and paste it in on an empty new line.

i did as you said now but it still isnt working, heres my forum url

http://bhld.forums.com.bz/forum

Hmm, I see you have only one category, how I will realize that the code is working or not? Anyway, try:

Code:

div.main{
  margin-bottom: 10px;
}

Sorry, I had permissions set to only viewable by registered people, please take a look now.

I also tried that piece of code you sent me but it doesnt work too

Code:

div.main div.main-head{
  margin-bottom: 10px;
}

Or:

Code:

div.main div.main-head{
  margin-bottom: -10px;
}

It seems to be working but the actual header is moving up the opposite direction

EDIT: Hey, I figured out how to change that, just had to change margin-bottom to margin-top and it worked,

thanks!!!!


SOLVED

You're welcome.