Twentyeleven: #page background doesn't work on individual posts/ categories.

  • Resolved ddss

    (@ddss)


    12 years, 7 months ago

    Hi there,

    I’m working on https://blog.dacesita.com which is a Twentyten based blog integrated in root of https://www.dacesita.com The goal is to match the blog to the website.

    I have created a child theme.

    I added a background image to #page ID:

    ‘#page {
    background: url(homepage04.jpg) repeat-x left bottom;
    }’

    works excellent… …only for the ‘home’ site of blog – https://blog.dacesita.com

    If I click on a category, for instance, https://blog.dacesita.com/?cat=1 the background picture doesn’t show up in its entire size and the area that is supposedly identified as #main area (I use chrome’s ‘inspect element’ for checking that out) remains without the background image.

    For the example post at https://blog.dacesita.com/?p=1 the background picture displays only under the comment form.

    In both cases interestingly, the image displays for a moment when the page is loaded.

    any ideas will be appreciated,
    D.

Viewing 3 replies - 1 through 3 (of 3 total)

  • I suspect that you need to put a background colour value as below:

    #page {
background: #fff url("homepage04.jpg") repeat-x left bottom;
}
    Thread Starter ddss

    (@ddss)

    That’s amazing, Mohdrafie, thank you! Only thing was that the image has to be without ‘"’

    You can take it out if you wish ??

    #page {
background: #fff url(homepage04.jpg) repeat-x left bottom;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twentyeleven: #page background doesn't work on individual posts/ categories.’ is closed to new replies.