Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Resolved] Content Color Below Short Post

Home Forums Support [Resolved] Content Color Below Short Post

Home Forums Support Content Color Below Short Post

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #181380
    Judi

    I am in the midst of configuring my website using the GeneratePress Premium. There is one setting that I can’t seem to resolve. I have set up my content area so that my blog posts show on the left side (75% of width) and there is a right-side sidebar. I have my site background set as pink, my side bar to set as gray and my main content/blog post area set as white. There is no spacing between the containers. Here is my problem: under the post area, I see the pink background (because my “dummy” post is very short). I would like the white to extend down the page to the footer. Any suggestions?

    You can see my site at http://www.judikahler.com.

    #181448
    Tom
    Lead Developer
    Lead Developer
    #183181
    Judi

    Hi Tom. I finally got around to adding the code (from your linked page) to the wp_footer area in GP Hooks. Unfortunately, that did not fix the issue.

    #183255
    Tom
    Lead Developer
    Lead Developer

    Can you link me to the site so I can see what’s happening with the code added?

    #183261
    bdbrown

    Hi Judi. While Tom’s working on a better fix, you could try this in your child theme CSS:

    /* set content area background */
    .site-content {
        background: #fff;
    }
    /* set sidebar background */
    #right-sidebar {
       background: #fef2fa;
    }
    
    #183264
    Judi

    Tom, My site is http://www.judikahler.com

    #183331
    Tom
    Lead Developer
    Lead Developer

    Hi Judi,

    Where did you add the code? I’m not seeing it in your source?

    #183390
    Judi

    Tom,

    My apologies! I had put it in the wp_footer GP Hook area (per your link’s instructions). When I read bdbrown’s suggestion, I removed the code and tried his suggestion of adding .site-content {background: #fff;} to the CSS. It worked and was a simple solution.

    Judi

    #183465
    Tom
    Lead Developer
    Lead Developer

    Awesome, glad it worked! πŸ™‚

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.