Topic RSS
19:57
Hi,
We are using the Touch of Purple Theme and we're trying to figure out how to add a logo to the header?
We just want to place the logo in the upper left hand corner where the site name text is now.
Thank you,
Lisa
Hi Lisa,
of course is it possible to add a logo in the header – it's a little bit tricky, but we'll try it, okay?
First:
Upload the logo in the image folder of your theme.
The path should be ..wp-content/themes/a-little-touch-of-purple/images
This is the easiest way to call up the logo later.
Second step:
Go to the Theme Editor (Apperance -> Editor) in the backend of your site and open the header.php
Here you will find the following code lines;
<p class="desc"><?php bloginfo('description'); ?></p>
Below this block you have to add a new line.
This line will be display the logo in your header. "logo.png" is the name in my example. Replace this with your image name!
Last:
Now you can "style" your image. Give the image more space to the text above, or a border or whatever you want. To do this, open the style.css in the Theme Editor and add this block;
margin: 10px 0;
float: left;
}
You can play with some different values to suit the logo to your site.
That's all so far.
If you have any questions… 
Note: Never copy and paste code from this forum in your theme! If you copied code, paste it in a simple Word-Editor (Not MS-Word!) and then to your theme!
Most Users Ever Online: 33
Currently Online:
7 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Member Stats:
Guest Posters: 42
Members: 9
Moderators: 0
Admins: 1
Forum Stats:
Groups: 1
Forums: 3
Topics: 51
Posts: 218
Newest Members: king116, gbmzxx, ichaoren, kardelen133, Bessie, isa, WebGremlin, pozzecca, mslorraine101, pcgeek
Moderators:
Administrators: Thomas (7)
Log In
Members
Home
Add Reply
Add Topic
Quote
Offline
