Viewing 11 replies - 1 through 11 (of 11 total)
  • Find this in your style sheet and follow the directions in the comments:

    #masthead { width: 770px; /*height: 100px; background: url(‘images/logo.gif’) no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }

    /* #masthead a { display: block; width: 770px; height: 100px; } */ /* uncomment this line if you use a graphic in the header – make sure the height of your header graphic is equal to the height declared in this line of code! */

    You will then need to undo the previous edit that placed the image in the header area, or you will have two of them.

    Thread Starter columbo

    (@columbo)

    ok, i’ve edited the lines in the css so now it reads

    #masthead { width: 770px; /*height: 90px; background: url(‘images/logo.gif’) no-repeat;*/}

    /* #masthead a { display: block; width: 770px; height: 90px; } */

    the header image is still in the same place though

    have i done something incorrectly?

    /logo.gif

    I think I remember your header image being named header_1.jpg or something like that. just change it to the correct image name and it should work. You still have a comment in place as well. try this:

    #masthead { width: 770px; height: 90px; background: url(‘images/header_1.jpg’) no-repeat;}

    Just a side note: if you change this

    /* #masthead a { display: block; width: 770px; height: 90px; } */

    to this

    #masthead a { display: block; width: 770px; height: 90px; }

    I think that might make the new image “clickable” as well.

    Thread Starter columbo

    (@columbo)

    hi, had to get some shuteye last night as this css stuff was driving me insane

    anyway, i tried your suggestion but the header is still where it is.
    i’ve pasted the stylesheet css code here
    https://wordpress.pastebin.ca/1565443

    and the header css here
    https://wordpress.pastebin.ca/1565447

    could you have a look and see what i need to change?

    thanks

    btw,

    i got at this position by uploading the current banner onto my hosting, replacing the original header_1 with the one on the site now

    the header css section had 5 different headers – header_1, header_2, etc. so i renamed them all header_1…

    …and then i did what was suggested on the stylesheet css section

    Thread Starter columbo

    (@columbo)

    come on guys, this is the final thing i need to do.

    someone, please help a novice out

    camboll, where you at?

    You still have the image commented out.

    Look at lines 107 and 109. the image name is now correct, but it is still commented out so it doesn’t show.

    change this:

    #masthead { width: 770px; /*height: 90px; background: url(‘images/header_1.jpg’) no-repeat;*/}

    /* #masthead a { display: block; width: 770px; height: 90px; } */

    to this

    #masthead { width: 770px; height: 90px; background: url(‘images/header_1.jpg’) no-repeat;}

    #masthead a { display: block; width: 770px; height: 90px; }

    Notice the removal of all the /* and */ to make it work.

    You will then need to undo the previous edit that placed the image in the header area, or you will have two of them.

    Thread Starter columbo

    (@columbo)

    oh, i got what you mean now – sorry i had no idea what ‘commented out’ meant

    i’ve got the image where i want it to be but am not sure what to delete to remove the second image below. all i did initially was replace the original header_1(2,3,4,5) with the black header in the header field

    when i delete line 39-50 my site goes all weird again. what do i need to delete here to remove the image below?
    https://wordpress.pastebin.ca/1565447

    Thread Starter columbo

    (@columbo)

    oh, i got it!

    thanks ClaytonJames. have a look https://www.losebuttfat.org

    now i just need to create a better header image, clean things up a little, and start adding my content

    much appreciated!

    You’re welcome.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Cutline Header Reposition’ is closed to new replies.