Need a custom header

  • Resolved matthewharmon102

    (@matthewharmon102)


    14 years, 4 months ago

    i have a png image that i want to use as a header to go just above the top menu bar. how would i go about addit this? the header image is the same dimensions as the wordpress header file

Viewing 9 replies - 1 through 9 (of 9 total)

  • that depends on the theme that you are using.

    most likely, you need to edit header.php of your theme.

    a link to your site might be helpful.

    Thread Starter matthewharmon102

    (@matthewharmon102)

    im using the threattocreativity theme by max is now. do you have an example of the code i would need to use?

    in header.php – between the lines
    <body>
    and
    <div id="header_nav">
    you could add the image html code; for instance:

    <img src="https://www.yoursite.com/fullpathto/image.png" class="top-header-img" alt="" width="930" height="200" />

    (change the number values to reflect the size of your image, and enter the absolute url to the image)

    so the whole area should look like:

    <body>
<img src="https://www.yoursite.com/fullpathto/image.png" class="top-header-img" alt="" width="930" height="200" />

		<div id="header_nav">

    then add a new style to style.css of the theme; for instance:

    .top-header-img {
	width: 930px;
	height: 200px;
	margin: 0 auto;
	 }

    (number values as above)

    Thread Starter matthewharmon102

    (@matthewharmon102)

    thanks thats exactly what i was looking for! just need to edit the image so it fits the screen correctly. is there a way of aligning the image? i would like it to be in the centre if possible

    if you use the mehtod suggested, this: margin: 0 auto; should take care of the centering.

    Thread Starter matthewharmon102

    (@matthewharmon102)

    i think the centering issue is due to my browser. im running the IE9 beta, which doesnt seem to align the site, but if i run it in compatability mode, the header lines up (but the menus do not).

    Hey did you ever figure out the centering issue? I’m having the same exact problem and can’t get the header to stay put when resizing the window.

    got it.

    in my css I added the following in bold:

    }

    .top-header-img {
    width: 930px;
    height: 200px;
    margin:0 10px;
    float:right;
    }

    Im glad I stumbled on this forum. I had a problem with modifying my template that is in wordpress but this site helped me figure it out. My site was a wordpress site but because I had this issue with the template I changed it to a regular website but I think I will be going back.

    used cars in colorado

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

Tags