CSS Header for Genesis Sample

[zanni]

Hi There,
I am new to CSS, and have a Sample Genesis theme. I want to upload a custom header. I have followed the instructions here:

Add Header Image Logo To Genesis 2.0 Sample Theme

But seem to get stuck with the actual image upload. This is what I have changed the CSS to:
.header-image .site-header .wrap {
background: url(images/Jemimas-3.png) no-repeat left;
padding: 0;

Jemimas-3.png is what I named the image I want to use, and uploaded it to the media library.
I changed the Genesis theme settings to image logo, and as far as I can see, I have done everything correctly, but it's not working.
At the moment, the default Genesis Framework logo is still showing up.

Thanks

http://jemimascottage.com/

[ᴅᴀᴠɪᴅ]

When you upload an image to the library, it doesn't go into your /images/ folder.

Instead it goes into yourwebsite/wp-content/uploads/2014/09/Jemimas-3.png or something similar.

So you have two options. Either upload the image your images folder inside the child theme. Cannot be done through WordPress, you need a FTP to do this.

Or find the URL of your uploaded image. (inside the wp-contents/uploads/etc etc) and then put THAT url inside your css instead of what you have already put.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[ᴅᴀᴠɪᴅ]

ps whichever way you do it, you probably want to delete the genesis logo from the site anyway, otherwise you will have two images loading up instead of one which isn't optimal.

Look for

.header-image .site-title > a {
background: url(images/logo.png) 0% 50% no-repeat;
}

and just delete that one-line referring to the background image.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Author]

Posts