How to install a post signature on WordPress

Note: These instructions are for 17th Avenue themes only.

1. In your WordPress dashboard, go to Appearance > Customize > Additional CSS.

2. Paste the following code in the box and then click Publish. This code will ensure your signature displays nicely on retina screens.

.signature {
    margin: 0 auto;
    text-align: center; }
.signature img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }

3. Next, go to Media > Add New. Upload your signature image. Once uploaded, click "Edit" next to the file name. You'll be taken to a page just for that image. Leave this page open and create a new tab in your browser.

IMPORTANT! Before making any edits to your Functions.php file as instructed below, please make sure that you have access to the File Manager  in your cPanel or FTP. The Functions.php file is incredibly sensitive and if a mistake is made, it can cause the "white screen of death" on your site. Having easy access to your File Manager means you can easily upload a fresh copy of the Functions.php file if the need arises.

4. In the new tab, go to your WordPress dashboard again. Go to Appearance > Editor > Theme Functions (Functions.php).

5. COPY the code below:

6. Scroll down in the Theme Functions file and paste your code at the very bottom.

7. Leave the code page open and return to your signature image. In the right column, find the File URL box. Copy the URL.

8. Go back to the Theme Functions page. Select the text that says YOUR IMAGE LINK HERE and paste your link in to replace it. Make sure to keep the quotation marks around your image link. The image line should look similar to this:

<img src="http://17thavenuedesigns.com/wp-uploads/signature.png" />

9. Once you've finished, click Update File at the bottom of the page. View your blog and see your pretty new signature! If your signature is displaying too large, clear your cache.