Posted 6 months ago #
Hi guys.
I wanted to get a logo next to the title on my site. You can see that here.
I found a thread where they talk about getting a logo instead of the title.
You can see that here.
I don't want that. I want a logo or banner NEXT to the title.
I would be cool if you tell me how I can do this.
This is the code in the header:
[please use pastebin]
Posted 6 months ago #
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.
Posted 6 months ago #
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?
Posted 6 months ago #
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.
Posted 6 months ago #
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.)
Posted 6 months ago #
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
Posted 6 months ago #
Thank you very very much.
This is great - no this is awesome.
Thank you again (^_^)
I wish you well.
Posted 6 months ago #
nvm. fixed :)
You must log in to post.
