Move Signature Down

[Emerald]

Hi

Not sure if this can be achieved, but I will ask anyway and hope for the best  

I would like to be able to place members' signatures down further permanently on my forum and the line directly above the signature,
I want to turn that into a divider, but using an image instead of the line.

[Stinky666]

Jul 27, 2013 14:42:57 GMT -8 Emerald said:

Hi

Not sure if this can be achieved, but I will ask anyway and hope for the best  

I would like to be able to place members' signatures down further permanently on my forum and the line directly above the signature,
I want to turn that into a divider, but using an image instead of the line.

The first way to do this that springs to mind are:
Admin > Themes > Layout Templates > Thread > Post List

Lines 37 - 39 you will see:
{if $[post.created_by_user.signature]}
<div class="signature">$[post.created_by_user.signature]</div>
{/if}

Simply, at the start of line 37, add a few (as many as you prefer) line breaks, using: <br />

<br /><br />{if $[post.created_by_user.signature]}
<div class="signature">$[post.created_by_user.signature]</div>
{/if}

Another way would be to do the below (add the blue part):
{if $[post.created_by_user.signature]}
<div class="signature" style="margin-top: 100px;">$[post.created_by_user.signature]</div>
{/if}

Not sure about the border. I just tried commenting it out (adding the below red parts) in the CSS/Style Sheet, on line 960:
/*posts_signatures_border: 1px solid @container_inner_border_color;*/

Hopefully someone else can help with that.

[Emerald]

Thank you, Stinky666. What that does is it makes the distance bigger from under the last row of text down to the grey line just above the signature.
I want the actual signature itself to be moved down (the signature image which is under the grey line above)and then a code to add a divider image instead of that grey line.

Sorry I didn't explain myself very well in the original post

[Stinky666]

Jul 28, 2013 10:54:30 GMT -8 Emerald said:

Thank you, Stinky666. What that does is it makes the distance bigger from under the last row of text down to the grey line just above the signature.
I want the actual signature itself to be moved down (the signature image which is under the grey line above)and then a code to add a divider image instead of that grey line.

Sorry I didn't explain myself very well in the original post

So you'd want the line to remain where it is, but the padding to be higher between the line + content of the signature?

[Emerald]

Yes, thank you

[Stinky666]

In that case, go to Admin > Themes > Advanced Styles & CSS > Style Sheet
On line 1005, you should see:
.posts .post .foot .signature { color: posts_signatures_text_color; font: posts_signatures_text_font; vertical-align: bottom; border: posts_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }

Change the bold bit to anything you prefer.

[Emerald]

Thank you for your help, Stinky666, and hopefully someone else can help with adding a divider image above the signature image instead
of the grey line that is already there

[David Clark]

Emerald, do you have an image that you'd like to use? Can you provide it?

[Emerald]

This is an example of one I would like to use, and thank you for your reply, David

or this one either

[Emerald]

Hiya David

I am just checking in to see if there is any advance of this request?

[Emerald]

bump