You don’t need to edit the header, you can do this in css in your theme’s style.css stylesheet.
add some left padding to the heading and apply the logo as a background
for example
#header h1 a {
padding-left: 56px;
background: url(http://profile.ak.fbcdn.net/hprofile-ak-snc4/211200_186352534717303_6899797_q.jpg) no-repeat;
}
put a suitable image in your themes images directory and replace the url above with images/logo.png or similar and use an appropriate value for padding. Add top/bottom padding if necessary.
Thank you for your time.
I did so, but now there is no logo. It just moved the title a little to the right.
Here is what I wrote in the stylesheet:
#header h1 a {
padding-left: 100px;
padding-top: 50px
background: url(http://www.sabaki.dk/VKS/wp-content/themes/vks-logo.jpg) no-repeat;
}
The picture (logo) that I want is the “vks-logo.jpg”-file, but I can’t see it on the page.
Should I place the file in another folder?
Try:
#header h1 a {
padding: 50px 0 50px 140px;
background: url(http://www.sabaki.dk/VKS/wp-content/themes/vks-logo.jpg) no-repeat;
}
#head-desc {
padding-left: 140px;
}
this works where the logo image is located at the moment, but it would be better to put it within the theme’s images directory.
Thank you so much.
(I thought that I placed the logo in the theme’s images directory. What do you mean, if not where I placed it?)
I just have 2 more questions, and then it’s perfect.
1. What should I write to adjust the size of the image?
(Now it is too big, and goes over the top of the page.)
2. What do i need to insert, so I can have a banner on the other side of the title?
(By banner i mean a long image. I helps give life to the site.)
The path for the image currently points to the wp-content/themes directory. The usual place it would be would be in wp-content/themes/clean-simple-white/images
To adjust the size of the image, create a smaller version in your image editing app and use that instead – you’ll also need to tweak the padding values.
to add a (non-clickable) banner on the other side, the simplest way would be to apply a non-repeating background to the #header div and position it to the right side: http://www.w3schools.com/cssref/pr_background-position.asp
Thank you very very much.
This is great – no this is awesome.
Thank you again (^_^)
I wish you well.
