Changing box background color on main page

• 

  maryellentc · Member · Sep 1, 2015 at 1:01 pm

  • Copy link
  • Add topic to favorites

  is there a way to change the background color of the main block on my front page? the middle box that has the grey/ish background? i’d love to make it white like the background of my page. is that possible? thanks for any help!

  site is: pnpi.org

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

• 

  thesacredpath · Member · Sep 1, 2015 at 6:57 pm

  • Copy link

  Hi, this will get rid of the grey background only on the home page.

  .home .site-content {
      background: transparent;
  }

  After doing that, you will notice a narrow light grey box shadow around the top section. You can use this to make that disappear.

  .home .hentry {
      box-shadow: none;
  }

• 

  maryellentc · Member · Sep 1, 2015 at 8:21 pm

  • Copy link

  that’s perfect! thank you so much! is there a way to “stretch” out the main image and the text underneath it so it doesn’t look indented on both sides?

• 

  thesacredpath · Member · Sep 1, 2015 at 9:36 pm

  • Copy link

  Yes, we can do that by setting the left and right margins on the content-area to 0 with the following CSS.

  .content-area.full-width {
      margin-left: 0;
      margin-right: 0;
  }