installing a header using pro framework
TRANSCRIPT
![Page 1: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/1.jpg)
ProFramework.com
WordPress & Pro Framework Tutorials
Uploading a logo or header
http://www.proframework.com
![Page 2: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/2.jpg)
ProFramework.com
Finding the upload boxFramework > General Options > Top Area > Header
![Page 3: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/3.jpg)
ProFramework.com
Uploading the imageClick the Browse button to choose your image
![Page 4: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/4.jpg)
ProFramework.com
Selecting or uploading your imageFrom here, you can click the Select Files button to upload an image from your computer. Or you can choose an image from your Media Library (if it’s already been uploaded).
![Page 5: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/5.jpg)
ProFramework.com
Finding your headerAfter clicking Select Files, we need to find our image on our computer. Either double-click it, or select it and click Open.
![Page 6: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/6.jpg)
ProFramework.com
Configuring your headerFirst, click the File URL button, then we need to make sure it’s set to Full Size, and then we click the Insert Image button.
• If the Link URL already has the correct filename, you can skip pressing the File URL button.
• Alignment won’t do anything while uploading the header.
• The size must be set to Full Size.
• If you need to resize the image, you can use the Edit Image button below the thumbnail of the header.
![Page 7: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/7.jpg)
ProFramework.com
Saving your new headerNow that our header’s File URL has populated our option field, we can Save our changes.
![Page 8: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/8.jpg)
ProFramework.com
Your header is now live
![Page 9: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/9.jpg)
ProFramework.com
Removing the site title & taglineWe can easily remove our site title and tagline, then save.
![Page 10: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/10.jpg)
ProFramework.com
No more site title & tagline
![Page 11: Installing a header using Pro Framework](https://reader035.vdocuments.net/reader035/viewer/2022062703/5555ffbad8b42a3f168b4610/html5/thumbnails/11.jpg)
ProFramework.com
WordPress & Pro Framework Tutorials
Check out Pro Framework!