WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Simple Catch theme, header is broken! (6 posts)

  1. The Lost Londoner
    Member
    Posted 1 year ago #

    Since I installed the update to Simple Catch it appears the grey speckled header image is...broken. It usually stretches from the top of the page to the bottom of my slider but now it's just a 3 inch grey strip.
    I've tried everything. The CSS coding is still the same. I've checked on the image in the Themes folder and it's fine. I can't figure this out!

    The strip has even moved from the bottom of my slider to the top of the page ..it has a mind of its own.

    /* =Header
    ----------------------------------------------- */
    #header {
    background:url(images/header-bg.jpg) repeat-x;
    padding-bottom:20px;
    }
    #header .top-bg, #footer {
    background:url(images/header-top-footer-bg.jpg) repeat-x;
    clear: both;
    }
    #header .top-bg {
    background-position:center bottom;
    height:16px;
    border-bottom:4px solid #ccc;

    http://www.thelostlondoner.com

    Please help. I like the grey header. If not it'll be all boring white :(

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    with theme related problems, it is the best to post in the theme's support section:

    http://wordpress.org/support/theme/simple-catch

    the background image is set to repeat only horizontally;
    and as the image is 150px high this is less than your used space;
    /wp-content/themes/simple-catch/images/header-bg.jpg

  3. The Lost Londoner
    Member
    Posted 1 year ago #

    I'll post there, thanks. I have asked the creator for a solution but they never got back to me.

    What you've said makes sense but is there a solution that you know of?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Changing the "repeat-x" to just "repeat" seems to fix it in Firebug.

    #header {
    background:url(images/header-bg.jpg) repeat;
    padding-bottom:20px;
    }
  5. The Lost Londoner
    Member
    Posted 1 year ago #

    Oh my God... I've been trawling the net looking for how to fix this for hours and that's all I needed to do....

    Whoever you are I love you

    Thanks!

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    LOL - Firebug is your best friend for CSS issues :)! And actually, Alchymyth's the one who suggested that might be the problem - so I can't really take credit, but either way, glad it solved the problem for you.

Topic Closed

This topic has been closed to new replies.

About this Topic