Content Color Below Short Post

[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.

[Tom]

Hi there,

This might help: https://generatepress.com/forums/topic/equal-length-columns/page/2/#post-38550

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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.

[Tom]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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;
}

[Judi]

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

[Tom]

Hi Judi,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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

[Tom]

Awesome, glad it worked! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts