Question about Padding

[planettv]

Link to forum: planettv1.proboards.com/

1. Would it be possible for me to put about 5px of padding here, either padding-top or padding-bottom:




2. Would it be possible for me to put padding-top: 3px here for the timestamp (picture is from Participated Threads page when opened in a new tab or window):

[Tumbleweed]

Dec 28, 2015 22:36:29 GMT -8 planettv said:

Link to forum: planettv1.proboards.com/

1. Would it be possible for me to put about 5px of padding here, either padding-top or padding-bottom:




2. Would it be possible for me to put padding-top: 3px here for the timestamp (picture is from Participated Threads page when opened in a new tab or window):

Sorry for the delayed response due to the holidays. I can't see the related topics on your site but it looks like you got some padding between the name and time now. Am I correct?

[planettv]

Jan 2, 2016 22:48:21 GMT -8 Tumbleweed said:

Sorry for the delayed response due to the holidays. I can't see the related topics on your site but it looks like you got some padding between the name and time now. Am I correct?

The Related Topics & Stories can found near the bottom of this page, among the places it's located: planettv1.proboards.com/thread/399/infirmary?page=1


As for the Participated Threads page, there is no padding at all in the Last Post column between the user name and the timestamp. Now on the thread list on this page you can clearly see the padding between the user name and the timestamp.

This is the code that's in the Thread List section of the Layout Templates:

<div style="padding-top: 3px;" class="time">$[thread.last_post.created_on]</div>

It seems like whatever code is added to Thread List section of the Layout Templates doesn't work on the Participated Threads page so apparently that page needs separate code. The only problem is I can't seem to find a place to put the code because the only code I've found is related Participated Threads dialog box and not the page itself and that's in the Style Sheet.

[Tumbleweed]

For the related topics, try adding this at the bottom of your style sheet:


.story-item .thread{padding-bottom:8px;
}


I'm not sure if it is only the thread list you want to put more of a gap between by "xxx" and date but the only way I found to increase that gap was with this: (Again, bottom of style sheet.)

abbr.time{position:relative; top:8px; line-height:18px;
}

You'll have to play with those px numbers. 

[planettv]

Jan 3, 2016 11:56:45 GMT -8 Tumbleweed said:

For the related topics, try adding this at the bottom of your style sheet:


.story-item .thread{padding-bottom:8px;
}


I'm not sure if it is only the thread list you want to put more of a gap between by "xxx" and date but the only way I found to increase that gap was with this: (Again, bottom of style sheet.)

abbr.time{position:relative; top:8px; line-height:18px;
}

You'll have to play with those px numbers. 

I didn't even think of doing the padding for timestamp in the style sheet where it would have been done all in one place but it is now. Thanks for the help on both items. That worked.

[Tumbleweed]

Jan 4, 2016 5:43:15 GMT -8 planettv said:

Jan 3, 2016 11:56:45 GMT -8 Tumbleweed said:

For the related topics, try adding this at the bottom of your style sheet:


.story-item .thread{padding-bottom:8px;
}


I'm not sure if it is only the thread list you want to put more of a gap between by "xxx" and date but the only way I found to increase that gap was with this: (Again, bottom of style sheet.)

abbr.time{position:relative; top:8px; line-height:18px;
}

You'll have to play with those px numbers. 

I didn't even think of doing the padding for timestamp in the style sheet where it would have been done all in one place but it is now. Thanks for the help on both items. That worked.

I couldn't find a way to target the by "xxx" that worked so had to go to the timestamp. I wouldn't of considered it either until my attempts at everything else failed. lol
Anyway, glad it is worked out now.