How to get background container color to adjust to each page size

  • body{background: url(../images/bg.png) #7b7b7b repeat-x; font-family: Arial;}
.child-mainContainer  {width:988px; height:988px; margin: 7px auto 0 auto; background: #ffffff;}

    I have tried every code adjustment I could think of. I want the white to adjust to the height of each different page as the height differs. The width is fine its just the height I want to change. I treied auto, 100% etc…

    Any thoughts would be great! Thanks

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

  • Can’t really help with CSS questions like this without seeing the page…can you post a link to it?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The width is fine its just the height I want to change. I treied auto, 100% etc…

    Can you post here the CSS that you tried?

    Thread Starter sueheap

    (@sueheap)

    .child-mainContainer {width:988px; height:auto; margin: 7px auto 0 auto; background: #ffffff;}

    .child-mainContainer {width:988px; height:100%; margin: 7px auto 0 auto; background: #ffffff;}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you sure this is a WordPress issue?

    Thread Starter sueheap

    (@sueheap)

    I am beginning to think its more theme specific. Its a jobroller theme which is like nothing I have ever worked with.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to get background container color to adjust to each page size’ is closed to new replies.