The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Category Display problem, please help!

View previous topic View next topic Go down

Solved Category Display problem, please help!

Post by Kiki Tan on November 20th 2011, 9:46 pm

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!

Kiki Tan
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Guest on November 20th 2011, 10:07 pm

Please provide your forum url. Wink

Guest
Guest


Back to top Go down

Solved Re: Category Display problem, please help!

Post by CatherinaAndrea on November 20th 2011, 10:09 pm

Try this, hope it helps Wink

Code:
        .forabg {
        margin-bottom: 10px;
        }

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Kiki Tan on November 20th 2011, 10:24 pm

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

Kiki Tan
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Category Display problem, please help!

Post by CatherinaAndrea on November 20th 2011, 10:29 pm

Yes that's right.

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

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Kiki Tan on November 20th 2011, 10:34 pm

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.

Kiki Tan
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Mr DarkHaxers2 on November 20th 2011, 10:47 pm

@CatherinaAndrea wrote:Try this, hope it helps Wink

Code:
        .forabg {
        margin-bottom: 10px;
        }

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

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Category Display problem, please help!

Post by CatherinaAndrea on November 20th 2011, 10:48 pm

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.

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Kiki Tan on November 20th 2011, 10:53 pm

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

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

Kiki Tan
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Guest on November 20th 2011, 11:00 pm

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

Guest
Guest


Back to top Go down

Solved Re: Category Display problem, please help!

Post by Kiki Tan on November 20th 2011, 11:04 pm

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

Kiki Tan
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Guest on November 20th 2011, 11:09 pm

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

Guest
Guest


Back to top Go down

Solved Re: Category Display problem, please help!

Post by Kiki Tan on November 20th 2011, 11:15 pm

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

Kiki Tan
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Category Display problem, please help!

Post by Guest on November 20th 2011, 11:19 pm

You're welcome. Wink

Guest
Guest


Back to top Go down

Solved Re: Category Display problem, please help!

Post by Nera. on November 21st 2011, 1:34 am

Topic solved

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum