Removing the pale grey background

• 

  barrygcooper · Member · Jun 30, 2014 at 1:01 pm

  • Copy link
  • Add topic to favorites

  Hey all,

  I’m trying to remove the grey background from blog post content. “Inspect Element” leads me to believe I need to change .entry-content – but the following code isn’t working:

  .entry-content {
  	background-color: #ffffff;
  }

  Any thoughts?

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

• 

  vinoddalvi · Member · Jun 30, 2014 at 1:45 pm

  • Copy link

  Try using the following CSS code.

  .entry-content {
           background-color: #fff !important;
  }

• 

  barrygcooper · Member · Jun 30, 2014 at 2:07 pm

  • Copy link

  It works! Thank you vinoddalvi.

  Out of interest, why did it work? Does the !important command override any other CSS that might potentially interfere with it?

• 

  vinoddalvi · Member · Jun 30, 2014 at 2:11 pm

  • Copy link

  You’re most welcome :)

  Out of interest, why did it work? Does the !important command override any other CSS that might potentially interfere with it?

  Yes you are right. It drastically increases the specificity of that particular selectors property.

  You will find more information about it and specificity on the following pages.

  http://cssspecificity.com/
  http://css-tricks.com/specifics-on-css-specificity/
  http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
  http://www.w3.org/TR/CSS2/cascade.html

• 

  barrygcooper · Member · Jun 30, 2014 at 2:18 pm

  • Copy link

  Really helpful, Vinod, thank you.

• 

  vinoddalvi · Member · Jul 1, 2014 at 12:45 am

  • Copy link

  You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)