WordPress.org

Forums

Browser check (10 posts)

  1. brittanie
    Member
    Posted 9 years ago #

    This site I'm working on looks great in Explorer, Safari and Firefox on the Mac, but I'm having a user report an error at the top of the page and that the blog title is overlapping the header picture. Can anyone duplicate? Or report any other issues. Theme is Kubrick all-sidebar with a fancy header.

    Thanks in advance. I owe you a beer.

  2. Michael Bishop

    Posted 9 years ago #

    800x600 firefox 1.5.0.2 mac title is outside the header to the right giving me a horizontal scroll bar.

  3. brittanie
    Member
    Posted 9 years ago #

    Odd, because he's seeing the word "Go" on the roof of the house, meaning it would be in the opposite direction of what you're seeing. Can you help me with my CSS?

  4. pcmt
    Member
    Posted 9 years ago #

    The error is that the blog title is positioned with position:absolute - this is not correct in this instance (unless its container is made position:relative). Try controlling the position of the title with something like (in the stylesheet):

    h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #1f1f1f;
    padding-left: 200px; /* or whatever suits */
    height: 25px;
    }

  5. brittanie
    Member
    Posted 9 years ago #

    Okay, well that works sort of but why can't I get the padding to work on the top and bottom? I only have a very elementary understanding of CSS...

  6. pcmt
    Member
    Posted 9 years ago #

    I don't think you need the negative left margin. Anyway, try:

    h1, h1 a, h1 a:hover, h1 a:visited {
    text-decoration: none;
    color: #1f1f1f;
    padding: 0 0 0 180px; /* adjust as required */
    margin: 0;
    }

    You don't have a description, so I've removed it. The padding is set in the order "top right bottom left" (0 0 0 180px).

  7. brittanie
    Member
    Posted 9 years ago #

    Sorry, I've been fiddling with it as I wait for you to respond — the negative margin is not there (it doesn't do anything anyway) anymore, but even if I change your above code to:

    h1, h1 a, h1 a:hover, h1 a:visited {
    text-decoration: none;
    color: #1f1f1f;
    padding: 0 0 100px 180px; /* adjust as required */
    margin: 0;
    }

    the title still does not change position, which I don't understand why it would move left and right but not up or down.

  8. pcmt
    Member
    Posted 9 years ago #

    Well, lower down in the stylesheet is:

    /* Begin Headers */
    h1 {
    padding-top: 70px;
    margin: 0;
    }

    This is over-riding the h1 settings higher up in the stylesheet. So I would delete the lower one and set the padding in the first one. This should work.

  9. brittanie
    Member
    Posted 9 years ago #

    thank you, takk, merci, kansamnida, gracias!
    (it worked, obviously)

  10. pcmt
    Member
    Posted 9 years ago #

    No problem! I do think Kubrick and Kubrick-type themes would benefit from some simplification, in styling terms. The same appearance can be achieved much more simply, and the default stylesheet can be quite confusing.

Topic Closed

This topic has been closed to new replies.

About this Topic