WordPress.org

Ready to get started?Download WordPress

Forums

Background repeat again... (12 posts)

  1. brownhombre
    Member
    Posted 1 year ago #

    I have poured over all the forums and tried all the suggestions. Nothing has helped. I need to get my background to repeat ALL the way down the page. Not just to where my content ends. I've tried background:repeat
    background-repeat:repeat-y
    background-repeat:repeat-x
    height:100%

    and all the variations

    can someone help me?

    Site is http://www.sgtbrown.com

  2. WebbKat
    Member
    Posted 1 year ago #

    your background reaches the bottom on my computer. Are you using a mac? im on a pc with a 1600 x 900 screen.

  3. Remove the background color from the body tags.

    custom.css line 31:

    body {
      background-color: #000000 !important;
    }

    And also from the inline css being output to the page:

    <!-- Woo Custom Styling -->
    <style type="text/css">
    body { background-color: #67824b !important; }

    Change both of those to background-color: transparent;

  4. brownhombre
    Member
    Posted 1 year ago #

    Maybe I'm not understanding all that well.

    I changed custom.css line 31 to transparent and #67824b to transparent but then they just get crossed out and it stays this green color.

    Sorry for all the trouble.

  5. brownhombre
    Member
    Posted 1 year ago #

    The first page reaches almost tot he bottom but if you check on the "about" page, it doesn't.

  6. Peter_L
    Member
    Posted 1 year ago #

    What browser are you using? I'm looking at your site and the background-image goes all the way down.

  7. brownhombre
    Member
    Posted 1 year ago #

    I'm using Firefox, safari, and IOS 5.1.1 to check on appearance.

    Thank you to those who responded.

    I'll keep trying until I get it.

  8. Peter_L
    Member
    Posted 1 year ago #

    I saw your problem.

    The solution is quite simple. You have embedded some css inside your html. Just remove this rule
    body { background-color: #67824b !important; }
    And you're done.

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try using

    #wrapper {
     overflow: hidden;
    }
  10. brownhombre
    Member
    Posted 1 year ago #

    @Peter_L the css line { background-color: #67824b !important; } is located at sgtbrown.com #3 (line 58). Where is that in the WordPress editor? I got rid of it in firebug and the background turns white but can't find it in the custom.css or the style.css

  11. Peter_L
    Member
    Posted 1 year ago #

    It's inline, meaning it's not a seperate css file but has been placed inside the html. Not sure how it got there but try the page.php file. I could be there.

  12. brownhombre
    Member
    Posted 1 year ago #

    Wow. This is getting to be over my head. Thank you so much for everyone's help! I really appreciate it.

    Looks like I'm going to have to read some tutorials about editing html.

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic