Forum List Container - Margins

[Flash04jv]

Looking to remove some of the margins/padding in the photo posted. Been trying to create all kinds of CSS codes with margins but can't get it to work. I have been putting this after a bunch of codes

{ margin-top: -40px; }

. Changing the -40px to see if anything happens but nothing yet.

This is the code that I see when I highlight the area with Inspect Element.

.forum-list-container .forum-item

Trying to remove the space above the title and below the description.

[Replicant]

There are actually several classes that effect that spacing. These will get you started on your code snowball.

td.cell-forum, .lastpost, topics-count, posts-count {
    padding-top: 6px!important;
    padding-bottom: 2px!important;
}

[glennrocksvb]

There are actually several classes that effect that spacing. These will get you started on your code snowball.

td.cell-forum, .lastpost, topics-count, posts-count {
padding-top: 6px!important;
padding-bottom: 2px!important;
}

Typo. You missed the dot.

td.cell-forum, .lastpost, [SIZE=20px][COLOR=#FF0000][B].[/B][/COLOR][/SIZE]topics-count, [SIZE=20px][COLOR=#FF0000][B].[/B][/COLOR][/SIZE]posts-count {
    padding-top: 6px!important;
    padding-bottom: 2px!important;
}

Flash04jv the reason your code was not working because margins don't work on table rows (tr) and cells (td).

[Flash04jv]

Dang, I wondered if I needed padding and not margins. I was going off the code I used for my read unread logos and some old threads on here. I'll give it a shot.

[Replicant]

Thanks for the catch Glenn. I copied and pasted it from the dev environment, don't know why the dots didn't carry over.

[Flash04jv]

Thanks Guys! Exactly what I was wanting! I am currently using these, this made it look exactly like the screen shots I got off our old forum. For some reason the bottom padding on the cell-forum was messing up our Blog cell if I made it smaller than like 8px, so I just deleted it for now.

.cell-forum
{padding-top: 5px!important;}

.lastpost
{padding-top: 7px!important;
padding-bottom: 9px!important;}

What did the 'td' in front of the codes do? I removed those and nothing happened so I left them off. Also curious what these do:

!important

They are in lots of my codes.

[Replicant]

The td is in there because it's part of the CSS path. Sometimes it's necessary, like if the same class is used in a div or a tr, the code would only affect the td. The !important will force the overwrite of stubborn CSS or hard coded CSS and should be used sparingly and only when necessary. If your initial code doesn't work right away, try the !important.

[Flash04jv]

Oh, ok. Thanks for the info!

[Flash04jv]

Is it possible to do this on a specific forum? I found the Forum IDs, but can I insert them in the code somehow to only affect that specific Forum?

Something similar to this maybe? This isn't doing anything for me

.cell-forum .id=forum57
{padding-top: 50px!important;}

[Replicant]

You're close. Use the # sign for CSS id

#forum57 > td{
padding-top: 50px!important;
}

Try it without !important first.

[Flash04jv]

Bingo! Works without the !important. So close, getting better at it I think.. Thanks!