Background Color for Pages???

  • I’m having a problem with BG Color On Pages which on a Development/Test site the pages have an All White BG.

    However, when the Test Pages were transferred to a LIVE Site, for some reason the pages have a White BG. However, there is an extended area primarily below each page that is showing a Grey
    Color.

    We have tried making a number of settings White within the Virtue Theme, but nothing has resulted in changing this Grey BG to White.

    Here’s a Screen Shot of Pages on the Live and Test Sites showing the difference.
    Can you make any suggestion?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter dplum

    (@dplum)

    Sorry, forgot the link to the Screen Shot — https://prnt.sc/pwjtxp

    hannah

    (@hannahritner)

    Hey,
    Is this happening on all your pages? Are you able to post a link to your site?

    Hannah

    Thread Starter dplum

    (@dplum)

    Yes, ALL Pages and Posts appear with a Grey Area below the actual page content.

    HERE ARE A COUPLE OF LINKS

    https://xlresources.com/portfolio/test/ WHICH SHOWS GREY BELOW THE POST AS SEEN HERE… https://prntscr.com/pwomp1

    https://xlresources.com/portfolio/test-again/ WHICH SHOWS GREY BELOW THE POST AS SEEN HERE… https://prnt.sc/pwolo2

    hannah

    (@hannahritner)

    This is happening because you do not have enough content on your pages to push the footer to the bottom of your screen. You can resolve with this css:

    @media (min-width: 992px) {
  html, body {
    height: 100%;
  }
  html body.wide #wrapper.container {
    min-height: 100%;
    position: relative;
    padding-bottom: 50px !important;
  } 
  #containerfooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

    You can paste that into your custom css box in Theme Options > Advanced Settings.
    Hope it helps!

    Hannah

    Thread Starter dplum

    (@dplum)

    Hannah,
    Thx for the CSS — It works great when I view the pages directly.

    However, there’s another factor at play. As I say, when I view the pages directly it works. But, that’s when I’m viewing them as a developer or administrator.

    Then when we transition the viewing of the same pages on a LIVE / Production / End User basis, the same pages are being viewed through an iFrame. And unfortunately, when viewed that way the CSS doesn’t work.

    I’ve depicted this in this screenshot… https://prnt.sc/pwyb0a

    Might there be an adjustment in the CSS that would somehow handle this iFrame situation?

    hannah

    (@hannahritner)

    Hey,
    I’m seeing the css working. Have you cleared your cache?

    Hannah

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Background Color for Pages???’ is closed to new replies.