WordPress.org

Forums

background image (4 posts)

  1. spiritweb
    Member
    Posted 7 years ago #

    Hi there XD, im re-writing on-top of the wordpress default theme to create a theme for my website, however I can't seem toget the background image to appear that is 1680 in size behind my page design that is 1000px in size, can anyone help me fix this :( - here is my css in progress so far:

    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: #607382;
    background: #607382 url('images/background.png' top center no-repeat;
    }

    #page {
    background: #607382 url('images/page.png') repeat-y center;
    text-align: left;
    color: #ddd;
    margin: 20px auto;
    width: 1000px;
    }

    #header { height: 140px; background: #607382 url('images/header.png') no-repeat bottom center; }
    #header .tagline { padding: 63px 0 0 108px; }
    #header .tagline a { color: #fff; }

    /* menu
    -------------------------------------------------------------- */

    #menu { width: 550px; float: left; margin: 15px 0 0 20px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
    #menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
    #menu li a { padding: 0; text-decoration: none; color: #ddd; }
    #menu li a:hover { padding: 0; text-decoration: underline; }
    #menu li span { display: block; float: left; padding: 0 0px 0 22px; }
    #menu li span.home { background: url(images/bg/home.gif) no-repeat; }
    #menu li span.home:hover { background: url(images/bg/home.gif) no-repeat; }
    #menu li span.about { background: url(images/bg/info.gif) no-repeat; }
    #menu li span.archives { background: url(images/bg/hourglass.gif) no-repeat; }
    #menu li span.subscribe { background: url(images/bg/favourite.gif) no-repeat; }
    #menu li span.contact { background: url(images/bg/mail.gif) no-repeat; }

    /* Form styles
    -------------------------------------------------------------- */
    input.search_input { border: 0; width: 300px; height: 24px; background: url(images/input.png) no-repeat; color: #9BE01B; font-weight: bold; }
    input.submit_input { border: 0; width: 65px; height: 24px; background: /*#E0691A*/ url(images/submit.png) no-repeat; color: #FFF; font: bold 0.9em arial, sans-serif; }

    a { color: #eb6f00; text-decoration: none; }
    a:hover { color: #ddd; text-decoration: none; }

    #content { margin: 0 0 0 20px; width: 960; }

    #footer { height: 44px; background: #607382 url('images/footer.png') no-repeat top; }

  2. VeraBass
    Member
    Posted 7 years ago #

    I'm new to this also, but see this missing bracket:

    background: #607382 url('images/background.png' top center no-repeat;

    should be

    background: #607382 url('images/background.png') top center no-repeat;

  3. spiritweb
    Member
    Posted 7 years ago #

    (O_O) Doh sorry I guess I was really s(O_O)nEd at the time, but thankyou for your help -can't belive Imissed somethiing so simple :/.

  4. tcw026
    Member
    Posted 6 years ago #

    Is there any way to set the HEIGHT for background image URL in css?

Topic Closed

This topic has been closed to new replies.

About this Topic