• Resolved matthewharmon102

    (@matthewharmon102)


    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="http://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="http://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).

    jtso23

    (@jtso23)

    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.

    jtso23

    (@jtso23)

    got it.

    in my css I added the following in bold:

    }

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

    usedcarsincolorado

    (@usedcarsincolorado)

    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.