Support

Please consider registering
guest

Log In Members

Lost password?
Advanced Search:

— Forum Scope —



— Match —



— Forum Options —




Wildcard usage:
*  matches any number of characters    %  matches exactly one character

Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
How to Add a Logo to Header
22. Oktober 2010
19:57
Lisa
Guest

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

25. Oktober 2010
19:05
Admin
Forum Posts: 7
Member Since:
28. Dezember 2009
Offline

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;

<h2><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h2>
<p class="desc"><?php bloginfo('description'); ?></p>

Below this block you have to add a new line.

<p class="logo"><img src="<?php echo bloginfo('template_directory'); ?>/images/logo.png" title="Our Logo" /></p>

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;

.logo {
  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… wink

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!

Forum Timezone: Europe/Berlin

Most Users Ever Online: 33

Currently Online:
7 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

WebGremlin: 9

Bolfri: 5

pozzecca: 3

isa: 1

pcgeek: 1

Orange: 1

Member Stats:

Guest Posters: 42

Members: 9

Moderators: 0

Admins: 1

Forum Stats:

Groups: 1

Forums: 3

Topics: 51

Posts: 218

Moderators:

Administrators: Thomas (7)

Keine Kommentare

Noch keine Kommentare

Entschuldige, das Kommentarformular ist zurzeit geschlossen.