Twenty Eleven Header Logo

Try changing your css to this:

#branding img {
height: 40%;
width: 40%;
float: left;
background: url(images/final_logo_thumbnail.jpg;) top left no-repeat;
}

Please note, that you need to upload your logo, to your theme folder in your images folder, or upload your logo to the media gallery and use the full path there. We can’t see images that are on your machine.

Thanks. What you did worked, but the logo is still not fully on the right. It looks to be more centered than anything. I believe you can now see it as i used the path you gave me.

I can see the logo and it looks great in Firefox, but terrible on Safari. I can also see that you’ve changed some of the code in the header.php.

There’s an image tag here:

<form method="get" id="searchform" action="https://www.norentesting.com/">

<img id="site-logo" src="https://www.norentesting.com/wp-content/uploads/2012/07/Final_Logo_thumbnail.jpg" height = 200px; width = 200px; alt="" />
	</form>

That’s really not how the logo should be inserted.

First of all, you should really have mane a child theme. If/when there’s an update to the theme, you will loose all of these changes.

Next, create a new div for your logo and then add that to your stylesheet. Your image should not be in the form tag.

Another idea would be to just make a wide image and insert a banner. That would require no fiddling of the templates.

I just completely re-installed the original files and am now attempting to make the child theme. The reason I haven’t just inserted it as a wide banner is because i’d like to have it small in a corner at the top of the page.

As for creating a child theme, i made the style.css file in a folder called child which is in the twenty eleven folder.

the style.css file contains the following code

/*
Theme Name: Twenty Eleven Child
Theme URI: https://example.com/
Description: Child theme for the Twenty Eleven theme
Author: Your name here
Author URI: https://example.com/about/
Template: twentyeleven
Version: 0.1.0
*/

@import url(“../twentyeleven/style.css”);

#site-title a {
color: #008700;
}

just as a test to see if the child theme works but so far I can not get it to work (can you tell im a noob) :/

The child theme needs to be on the same level as the twentyeleven, not in the same folder. So just put it in the theme folder.

I ended up using a plugin called child theme that allows you to edit it on wordpress, which seems to work, now all i have to do is learn CSS :).