This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
uploading_your_logo [2019/06/06 22:18] brittany [Cropping Your Image] |
uploading_your_logo [2019/06/07 23:16] brittany [Adding Logo to Footer] |
||
---|---|---|---|
Line 1: | Line 1: | ||
This doc details how to upload your logo to your website from the backend as well as how to crop or resize your image using Pixlr Express. | This doc details how to upload your logo to your website from the backend as well as how to crop or resize your image using Pixlr Express. | ||
- | =====Using Pixlr X===== | + | =====Resizing Image with Pixlr X===== |
Navigate to https://pixlr.com/x/ to use this free tool. | Navigate to https://pixlr.com/x/ to use this free tool. | ||
Line 40: | Line 40: | ||
- | Select where you want to save your new logo on your computer and click **Save**. | + | Select the JPG option and click **Download**. You will then find the logo in your downloads folder. |
=====Uploading to Your Website===== | =====Uploading to Your Website===== | ||
+ | |||
+ | ====Adding Logo to Top of Site==== | ||
+ | |||
+ | To add your logo to the top left of your site, go to your site backend and scroll down to **Site Settings**. | ||
+ | |||
+ | {{::logorar1.jpg?500|}} | ||
+ | |||
+ | Go to the **Template Options** tab and scroll down to **Header Logo**. Click **Pick Image**. | ||
+ | |||
+ | {{::logorar2.jpg?700|}} | ||
+ | |||
+ | |||
+ | Find your logo and click **Insert**. | ||
+ | |||
+ | {{::logorar3.jpg?500|}} | ||
+ | |||
+ | ====Adding Logo to Footer==== | ||
+ | |||
Navigate to the backend of your website to get started. You'll see the site administration backend menu as seen below. Go to the **Content** subsection on this page and click **Footers**. | Navigate to the backend of your website to get started. You'll see the site administration backend menu as seen below. Go to the **Content** subsection on this page and click **Footers**. | ||
- | {{::13.png?400|}} | + | {{::13.png?600|}} |
Line 52: | Line 70: | ||
- | {{::15.png?200|}} | + | {{::15.png?250|}} |
Line 60: | Line 78: | ||
- | {{::16.png?400|}} | + | {{::16.png?700|}} |
Line 66: | Line 84: | ||
- | {{::17.png?400|}} | + | {{::17.png?600|}} |
Line 72: | Line 90: | ||
- | {{::18.png?400|}} | + | {{::18.png?700|}} |
Line 78: | Line 96: | ||
- | {{::19.png?400|}} | + | {{::19.png?500|}} |
Line 86: | Line 104: | ||
- | {{::20.png?400|}} | + | {{::20.png?700|}} |
Line 92: | Line 110: | ||
- | {{::21.png?400|}} | + | {{::21.png?700|}} |
Line 98: | Line 116: | ||
- | {{::22.png?400|}} | + | {{::22.png?500|}} |
Line 104: | Line 122: | ||
- | {{::23.png?400|}} | + | {{::23.png?700|}} |
Line 110: | Line 128: | ||
- | {{::24.png?400|}} | + | {{::24.png?700|}} |
Line 116: | Line 134: | ||
- | {{::25.png?400|}} | + | {{::25.png?700|}} |
Line 122: | Line 140: | ||
- | {{::26.png?400|}} | + | {{::26.png?700|}} |
Congratulations! You’ve successfully edited and uploaded your logo to your website. | Congratulations! You’ve successfully edited and uploaded your logo to your website. | ||