Help inserting image into header

  • Hi,
    I’m using ChocoTheme on my blog https://www.jarfullofrocks.com and I’d like to put a custom header image into the header. The theme does not have a image to begin with so I do not know where to put the coding (or how exactly to code it) for this. I’ve located two areas of CSS that effect the title of the blog itself (I did figure out how to hide the title) and the description (which I can also hide), but I do not know where to put the header image code. I’ve been all over the site looking for help, but none of the docs have a theme like this one..or coding like this…as an example. Any help would be greatly appreciated. The section of code that I’m thinking I need to tweak is:

    (code)`#header { padding-top: 30px; height: 85px; position: relative; z-index: 100; }
    #header .description { font-size: 13px; line-height: 1; text-transform: uppercase; color: #c1ab7d; padding-top: 5px; }
    #header .description a { color: #9d6510; text-decoration: none; }

    h1 { font-family: “Trebuchet MS”, Arial, Sans-Serif; font-size: 36px; line-height: 1; font-weight: bold; color: #d69959; }
    h1 a { text-decoration: none; color: #d69959; }
    h1 a span { color: #ffd7a5; }
    h1 a:hover { text-decoration: none; }`(/code)

    I hope I posted the code correctly with the backticks and such.

Viewing 2 replies - 1 through 2 (of 2 total)
  • #header { padding-top: 30px; height: 85px; position: relative; z-index: 100;
background: url(images/custom_header.jpg) center top no-repeat;}

    your image should be 980px wide. you may need to adapt the ‘height: 85px’ above, to match the size of your image.

    save the image (here called ‘custom_header.jpg’ – use your own file name) to the images folder of your theme.

    Thread Starter hisgal2

    (@hisgal2)

    Thanks soo much! I’m wondering if you know how to make the image go down, but BEHIND the RSS feed button? I changed the “padding-top: 30px” to 12 to get the image to where it is now, but if I put it at 0px, it goes in front of the RSS feed button. Thoughts?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help inserting image into header’ is closed to new replies.