How to change the Beez 20 template header.
1. Upload the header image to images
2. It will replace the personal2 .png in the personal template
3. In Media Manager, copy the link location of the uploaded header image file by clicking on the Detail View tab
4. Find the image and inspect (right click) and copy link address
5. Go to Template Manager > Templates tab
6. Scroll down and find Beez_20 Details and Files
7. From the Stylesheets find Edit CSS/personal.css
8. Search for Logo
9. Find this code
.logoheader
{
background: #2568DB URL(http://www.thenameofthesite.com/images/thenameoftheuploadedimage.jpg) no-repeat bottom right ;
color:#fff;
min-height:250px;
margin:0em 10px 0 10px !important;
10. Paste in the Link address you copied inbetween the URL brackets
11. Change the background colour to match the logo colour
12. Increase or decrease the min-height if the logo is not positioned correctly
13. To change the background image
14. Follow the instructions as above and then search for background
15. Find this code
body
{
background: #2568DB url(../images/personal/sky2.jpg) repeat-x;
color: #333;
font-family: arial, helvetica, sans-serif;
16. Paste the copied image address inbetween the URL brackets
17. Done !