This Tutorial Completely Explains on your issue.
How to Add Custom Logo in Twenty Eleven WordPress Theme
I Will try to fix ur other issue soon.
I have this in my header.php
<hgroup>
<img src="http://www.pixilla.de/wordpress/wp-content/uploads/2010/11/pixilla.png" alt="pixilla" width="80" />
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
I see my image on the site, but it is over the whole width. It not accept my “width=80”.
Hello,
I am using a child theme of Twenty Eleven and I want to have both things: an image logo and right next to the logo I want the site title and tagline.
Does anybody know how to do this?
Thank you in advance for your help!
@mako2
example:
<hgroup>
<img class="logo-image" src="http://whatever/image.jpg" alt="" />
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
for style.css:
#branding img.logo-image { width: 125px; }
remember to create a child theme instead of editing Twenty Eleven directly.
http://codex.wordpress.org/Child_Themes
Dear Alchymyth,
Thank you very much! That was very helpful.
I followed your instructions and I got something that looks like this
What I would like to acomplish is something like this.
Do you know how I can place the logo to the left the site title and tagline? Also, how to I leave even amount of space below and above the logo so that it looks in the middle of the page?
Thank you in advance for your time. I really appreciate your help!
MK
What I would like to acomplish is something like this.
That is exactly what I am looking for too!!!
@mako2
possible styles to add at the end of the style.css of the child theme, or to integrate with the existing ones.
img.logo-image { float: left; clear: none; margin-top:20px; }
#site-title { float: left; clear: none; margin-left: 2%; padding-top: 5px; margin-right: 0; width: 70%; }
#site-description { float: left; clear: none; margin-left: 2%; margin-right: 0; width: 70%; }
Dear alchymyth,
Thanks a lot! I look almost perfecto. The site title looks fine but the tagline shows below the logo. The space above the logo is perfect but the space below the logo is too much (not the same as above the logo).
Also, the gray opacity I had before dissapeared and it’s now very thin orizontally at the top of the page.
You can see a before and after screen capture here.
Thank you so much in advance!
Hello everyone, I am stuck with this 🙁 I was wondering if anyone can help… Thanks!
Hello everyone, I have tried in many ways to fix this and I’m stuck.
The site title is fine now but the tagline shows below the logo. The space above the logo is perfect but the space below the logo is too much (not the same as above the logo).
Also, the gray opacity I had before dissapeared and it’s now very thin orizontally at the top of the page.
You can see a before and after screencapture here.
Thank you in advance!
Thanks!
It seems that alchymyth is very close, perhaps he could
assist us with the final details to solve this?
Would really appreciate it!
Rgds
Klas
Yes, It would be great if anyone could help me with this because I am totally stuck! I’m really hopping that alchymyth would give me a hand 🙂 Thanks!
@mako2
Did you ever solve your problem??
Rgds
Klas
@klasg
no I never figured this out and I decided not to use this theme anymore 🙁
Too bad…. 🙁
I still use it but miss the logo badly!
What theme did you choose?
