Background over container

  • Unknown's avatar
    marjanstojanov · Member ·

    Hello

    When i change my background picture it goes over the container and the site not look good.

    Here is my code i want to put my container white color.

    /*------------------------------------------------*/
    /*---------------[MAIN LAYOUT INFO]---------------*/
    /*------------------------------------------------*/

    #page-wrap { background:#e4e4e4 url(http://sandratravel.com.mk/fajlovi/bg.jpg) repeat; color: #555; }
    #main { padding-top:0px; }
    .container { background-color:#ffffff text-align: left; margin: 0 auto; width: 1000px; position: relative; }
    #main .top-info { text-align:center; }
    a#mobile_nav { display: none; }
    #navigation { border-top:1px solid #f1f1f1; border-bottom:1px solid #f6f6f6; padding: 15px 0 0; }
    #top-menu { float:left; padding-left: 33px; padding-top:10px; }
    #search-form { float: right; height: 35px; margin-right: 44px; border:1px solid #e2e2e2; background-color:#fafafa; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1); box-shadow: inset 0 0 2px rgba(0,0,0,0.1); }
    #search-form #searchinput { background: none; border: none; float: left; margin: 8px 14px 0 7px; width: 110px; padding-left: 9px; font-size: 11px; color: #c5c5c5; font-family: Georgia, serif; font-style: italic; text-shadow: 1px -1px 0 #fff; -webkit-appearance: none; }
    #search-form #searchsubmit { margin-top: 11px; margin-right: 12px; }
    #top-menu-shadow, #bottom-menu-shadow { position:absolute; left:0; height:5px; display:block; width:100%; }
    #top-menu-shadow { top:-20px; }
    #bottom-menu-shadow { background:url(images/main_sprite.png) no-repeat 0 -68px; bottom:-5px; }
    #main-area { padding-bottom:55px; }
    body.home #main-area { padding-top:45px; }

    #slogan { position:relative; border:1px solid #f1f1f1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:url(images/left-quote.png) no-repeat 21px 23px; padding:25px 40px 18px; margin-bottom:47px; }
    #slogan p { font-family: 'Goudy Bookletter 1911', arial, sans-serif; font-size: 27px; color: #4d4d4d; text-align:center; line-height:30px; }

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    marjanstojanov · Member ·

    [URL=http://imageshack.us/photo/my-images/232/23532921.jpg/][IMG]http://img232.imageshack.us/img232/4494/23532921.jpg[/IMG][/URL]

    Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL]

  • Unknown's avatar
    designsimply · Member ·

    This forum is for WordPress.com users. Can you please post a link to the WordPress.com site you are working on?

  • The topic ‘Background over container’ is closed to new replies.