Support » Themes and Templates » Background image issue using Twentyten Child-theme

  • I am experiencing a problem with my Twenty Ten Child theme when using a background image.

    My CSS knowledge basically consists of copy-pasting stuff I find on these support forums onto my site. I put this code into my child theme style.css, to show a background image in the theme:

    body {background: url(images/headerbg2.png) repeat-x;}

    It works in Firefox:

    https://dl.dropbox.com/u/51767121/Problem%20with%20bg%20image/Untitled-2.png

    But not in Chrome, where sometimes the background image is cut off:

    https://dl.dropbox.com/u/51767121/Problem%20with%20bg%20image/Untitled-1.png

    The image is 1px x 180px and repeats full width in the body of the page. But something seems to be cutting it off in Chrome. Sometimes it works as it should in Chrome, but if you refresh the page it will display incorrectly again.

    I designed the theme in Photoshop and thought that translating it into Twentyten would be simple, but may have to give up at this rate.

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background image issue using Twentyten Child-theme’ is closed to new replies.