WordPress.org

Ready to get started?Download WordPress

Forums

Problem with custom header replacement in Kubrick (14 posts)

  1. carlyrose
    Member
    Posted 4 years ago #

    Hi -
    I changed the header in Kubrick - eliminating the header image, and instead putting a sliced graphic (with menu) in the header.php page. This actually worked well, but for some reason it messed with the body of the blog. The content shifted and the background box that falls under the text disappeared. I'm including a link to show what I'm talking about. Can anyone help me resolve this?
    Many thanks in advance!

  2. Peter Boosten
    Member
    Posted 4 years ago #

    you messed up your stylesheet. style.css doesn't contain any styling, but some html.

    Peter

  3. Peter Boosten
    Member
    Posted 4 years ago #

    This is in it:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
    
    <!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    
    "http://www.w3.org/TR/html4/strict.dtd"> -->
    
    <HTML>
    
    <HEAD>
    
    <META HTTP-EQUIV="Refresh" CONTENT="0.1">
    
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    
    <META HTTP-EQUIV="Expires" CONTENT="-1">
    
    <TITLE></TITLE>
    
    </HEAD>
    
    <BODY><P></BODY>
    
    </HTML>

    (although pretending to be strict xhtml, it's actually very bad ;-) ).

    Peter

  4. carlyrose
    Member
    Posted 4 years ago #

    Thanks for the response Peter!
    Hope I don't sound too daft (I obviously know very little about what I'm doing) but is the code you posted meant to go onto the style.css page to correct the problem or are you just showing me what I did wrong?
    Thank you again for your help.

  5. sbiwald
    Member
    Posted 4 years ago #

    Hello Carly

    How can i replace the blue header background with a picture !

    i have no clue of codes and php stuff but very unhappy not to have a log or picture up in the header can you help me to do this ? please!

    thx
    S.

  6. Peter Boosten
    Member
    Posted 4 years ago #

    but is the code you posted meant to go onto the style.css page to correct the problem or are you just showing me what I did wrong?

    From your header you reference the style.css as the file that contains the, ermm, styling. Since it doesn't contain any, your home page isn't styled.

    Yet I saw in another page (the author page to be specific) that stlyes are embedded in the page itself (that's possible with CSS or Cascading Style Sheets, albeit unwise).

    So you have to make some corrections: either you copy the styles from the author page into the homepage, or you correct your complete site by removing those styles and bundle them in the style.css file (which exists for this purpose).

    The code posted above (currently being in your style.css) isn't valid css.

    Peter

  7. figaro
    Member
    Posted 4 years ago #

    @sbiwald: See the following videos for step-by-step directions on editing the Kubrick theme, including adding a custom header.

    [link moderated]

  8. carlyrose
    Member
    Posted 4 years ago #

    pboosten -

    The problem is that the styling on the wordpress page is different than the rest of the pages and I don't know how to make it from scratch. That is why I used the Kubrick theme and just tried to make minor modifications so that it matches the look of the rest of my site. I've done this is the past without problem, but for some reason this time, putting in my own header messed with the rest of the page's format. The CSS that I embedded on the other pages within the site won't correct this. I don't know how to create the endless white box (based on jpegs from the default theme image folder) that goes beneath the text on the blog page or how to get the text centered back beneath the header. I just need the code to do both of these things and also be told where to insert that code. Hope this makes sense. @figaro, perhaps you can help? You seem to know a lot about this issue...
    Thanks to both of you!!
    -Carly

  9. carlyrose
    Member
    Posted 4 years ago #

    OKay, so I now I have a new problem. I started from scratch, modifying a new (clean) header.php page. I deleted the two php icons on the design view, dropped in my sliced, linked header into the existing div and then reloaded the whole thing to the site. The proper page formating returned, but my header from the header.php is no longer visible on the page (I also deleted the kubrickheader.jpg file from the image file).

    What to do now?! This seems like an easier problem to fix. I just need to tell the code to override whatever command tells it to used the normal header image so that it uses what I inserted into the header.php instead. Anyone know how to do this?

    THanks again.

  10. Peter Boosten
    Member
    Posted 4 years ago #

    then start by copying the original style.css from the default theme.

    Peter

  11. carlyrose
    Member
    Posted 4 years ago #

    He Peter,
    See my above comment. I don't think the problem is related to css anymore. Any ideas ?

  12. Peter Boosten
    Member
    Posted 4 years ago #

    First of all you have a display: none; in #headerimg, which, hence the name, will not display whatever is in that element.

    Next to that you have several #headerimg in your stylesheet, with conflicting values. That could lead to confusion (on your part, the browser only uses the last values). So maybe it's wise to combine those.

    If you're wondering why the images don't aline: #page is 760px of width, while the images are a total of 795px wide (201+205+205+184).

    Peter

  13. carlyrose
    Member
    Posted 4 years ago #

    Peter,
    Where are you looking? I can't find the "display: none; in #headerimg" you mentioned. For the most part the style sheet is as it came in the packaged wordpress folder. I did change some values and also the font groups/background colors, but this should not have (and never has before) had any bearing on the problem I'm having now. Are you very familiar with the Kubrick theme package?

    Do you know where, specifically (as in which document), the command is that tells the site where to pull the header from?

    I know I've read something in one of these forums that has the exact command I'm looking for. It basically told the the headerimage to die, but I can't remember where it was.

  14. Peter Boosten
    Member
    Posted 4 years ago #

    In the head tag of the xhtml file you're currently editing (the header.php?).

    <style type='text/css'>
    <!--#headerimg { display: none }
    --></style>

    Peter

Topic Closed

This topic has been closed to new replies.

About this Topic