Problem with thread descriptions and thread subjects

[Former Member]

Forum URL: alcryst.proboards.com

I am using the Thread Descriptions plugin, found HERE

I have been modifying my Thread List appearance. You can see a live example HERE.

Currently, my Thread Descriptions are centering inside their box but not inside the full space allotted to them. Likewise, the Subject of the Thread is centering over the Thread Description box rather than inside its full space. To help illustrate, I made THIS demonstration, please view it to understand what I'm trying to explain.

The coding for my thread descriptions, placed in my style sheet, is as follows:

/* thread descriptions in thread list */
div.thread_description_list {
text-transform: uppercase;
color: #2d2821;
font-family: times new roman;
font-size: 12px;
text-align: center;
border-width: 1px;
border-style: solid;
border-radius: 2px;
border-color: #2d2821;
background-color: #88775b;
padding: 2px 5px 2px 5px;
margin-top: 2px;
margin-right: 2px;
}

The coding for my thread list, changed from the default in my style sheet, is as follows:

@thread_align_subject: center;
@thread_align_created_by: center;
@thread_align_replies: center;
@thread_align_views: center;
@thread_align_last_post: center;
.threads .main { border-bottom: 10px solid #534430; width: 80%; text-align: @thread_align_subject; }
.threads .created-by { width: 0%; text-align: @thread_align_created_by; }
.threads .replies { width: 0%; text-align: @thread_align_replies; }
.threads .views { width: 0%; text-align: @thread_align_views; }
.threads .latest { border-left: 2px solid #534430; border-bottom: 10px solid #534430; width: 20%; text-align: @thread_align_last_post; }
.threads .icons { white-space: nowrap; }
.threads .control-icons img { }
.threads .control-icons .lock_icon, .threads .control-icons .falling_icon, .threads .control-icons .event_icon, #bookmarks.threads .bookmark_icon { width: 0; padding-right: 0; }
.threads .checkbox { width: 2%; }
.threads .checkbox-placeholder { width: 5px; }
.threads .main table { table-layout: auto; }
.threads table.list { table-layout: auto; }
.threads .item.new .new-icon { display: inline-block; }
.threads .item.announcement.last > td { border-width: 0px 1px 10px 0px; border-style: solid; }
.threads .item.announcement.last > td.checkbox, .threads .item.announcement.last > td.last { border-right: none; }

If Shorty and any others (perhaps the ever-helpful David Clark) could take a look at this and help me get the entire subject and thread description centered, I'd really appreciate it. I'm still learning coding so my fluency is still a bit inept.

[CheatAreZee]

Hi ₪» ⅀ ƪ Ƒ «₪,

I see Shorty has been helpful in the support topic for the plugin that you linked to here -- I'd advise posting this question in that topic since it's specific to that plugin

[Former Member]

Alright, will do. Only reason for posting it here was I wasn't sure if the problem was a mere coding problem on my behalf rather than a glitch/issue with the plugin so I thought I'd open it up to others' input in the general support area in case it was a simple coding fix, but I'll go ahead and post in that thread.

[David Clark]

I took my best crack at it but wasn't met with much success - my apologies. I'd go with Ricky's suggestion.

[Former Member]

Thank you for trying! Perhaps it is a problem with the plugin, then. I posted in the plugin support thread as instructed. Much appreciated =)