Support » Themes and Templates » Adding a JPG to header

  • I am trying to edit the header in the pulp theme. I want to insert a jpg that will be my site’s banner. I also want the name of the blog to appear below that for searching purposes. I know I have to upload the jpg, but how to I modify the theme to make this possible?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Add < img src=”path to jpeg” alt=”” /> (minus the space between < and img) to where you want the image to appear. To put the name of the blog where you want it, you’ll have to style it with CSS.

    Look in the CSS for “#header” and see what the .jpg is named. Then take the banner you want to use and upload it into the directory listed in the CSS.

    Do you have a link to your site for review?

    Thread Starter mgottfried

    (@mgottfried)

    My site is http://www.themangolassie.com. I think I’m going to have to change the theme for stylistic reasons, though, so maybe I should report back once my new theme is uploaded.

    Thread Starter mgottfried

    (@mgottfried)

    OK. I have now uploaded my new theme, and I’m displaying it on the site. I put the .jpg I want to use in the same directory listed for the header in the CSS. Now, do I edit the header.php or do I edit the CSS? I can’t find any .jpgs to replace in the header.php.

    you shouldn’t have to edit anything. I see the banner/pic on your site, so isn’t that the result you were after?

    Thread Starter mgottfried

    (@mgottfried)

    I figured out how to get the banner onto my site by changing the .jpg on the style.css. I’d still like to make it so the text in the header that says “Home” and “About” goes above the banner. Also, if I want the banner to be longer, do I have to resize the jpg and the upload it again?

    yes.

    Thread Starter mgottfried

    (@mgottfried)

    How can I make it so “Home” and About” are above or below the banner?

    you have to edit the css-file by resizing the header and setting
    background: url(images/theMangoLassie176.jpg) no-repeat top center;
    to bottom and changing the styles for the ul.main…
    But you have to read a little bit abou css I think

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Adding a JPG to header’ is closed to new replies.