How to reduce the signature border's width?

[Emeralda]

It's the line that splits the post from the signature. It seems to be always 100%, and I'd like to set it to 80% for example. How could I do it, since the stylevars seems to have only the size (width) of that line, and not it's width (length).



http://img708.imageshack.us/img708/1188/fb7d40cfd70c494f826828d.png

http://img210.imageshack.us/img210/3398/bd455a978b254c51bd3f5e4.png

[Emeralda]

bump

[setishock]

Found this in > postbit.css. Added the left and right margins.

/*signature */
.signature {
padding-top: 1em;
border-top: {vb:stylevar signature_border};
margin-left: 50px;
margin-right: 50px;
margin-top: 2em;
}

Just keep bumping the left and right margins till you get it like you want it.

[Emeralda]

<a href="http://img692.imageshack.us/img692/5756/11f828e5199b446c818d832l.png" target="_blank">http://img692.imageshack.us/img692/5...6c818d832l.png</a>

Hmmm, we might be getting somewhere, but the margins there influenced the whole signature space, and not only the top border line.

[Adam H]

You would have to add another class above the normal signature line in the postbit legacy. Use that for the border , then remove the border from the signature line and retain that 100% with.

The reason you would have to do it like this is because the entire signature container's width is control by the same class, the same class that controls the top border .

[Emeralda]

I could somehow understand the making new class thing, but how do you remove it from the current sig and add a new border like that?

{vb:raw template_hook.postbit_signature_start}
<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_sig}
</vb:if>
<vb:if condition="$post['signature']">
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>
{vb:raw template_hook.postbit_signature_end}

Is something about it there?

[Adam H]

you dont want to remove the current sig, you just want to remove the css line from the current signature class.

[Emeralda]

Ohhh, I get it now, yeah, I see the border top part in the css. But how would I go with inserting the line? In the template? What should I put there?

[Adam H]

You would just do something like this :

Add this to your additional.css to remove the current top border :

.signature {
border-top: none;
margin-top: 2em;
padding-top: 1em;
}

Then in add this to the additional.css for your new border :

.signatureborder {
border-top: 1px solid #DDDDDD;
margin: auto;
width: 80%;
}

Then goto postbit_legacy and find :

<vb:if condition="$post['signature']">

Directly under it do something like :

<div class="signatureborder"></div>

I havent tested it or anything but you get the general idea .