How do I create a white box around my contents? To stop background images.

• 

  undersurface · Member · Dec 2, 2013 at 1:51 am

  • Copy link
  • Add topic to favorites

  Hi, my apologies if the title sounds confusing. I worded it best I could.

  I’m using a customized Truly Minimal theme, and would like to add a background image to my site. However, I want to create a white box around the side widgets as well as the main content column to stop the background images from showing up under them like this:

  http://goo.gl/b6Xcas (shortened url link to dropbox image screencap)

  Any help would be greatly appreciated. Thank you :)

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Dec 3, 2013 at 8:49 am

  • Copy link

  Try starting with this:

  .site-content {
  background-color: #FFFFFF;
  padding: 18px;
  }
  .site-main .widget-area {
  background-color: #FFFFFF;
  }