How to remove grey 'shadow' from the top of the blog

• 

  oeditorial · Member · Dec 9, 2011 at 4:24 pm

  • Copy link
  • Add topic to favorites

  I would like to know what is the CSS code to remove a grey ‘shadow’ form the top of the Chunk theme?
  thanks
  Alvaro

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

• 

  designsimply · Member · Dec 9, 2011 at 4:28 pm

  • Copy link

  This should do the trick to remove the gray shading from the top of the Chunk theme:

  body {
      background-image: none;
  }

• 

  oeditorial · Member · Dec 9, 2011 at 4:41 pm

  • Copy link

  thanks for the tip… unfortunately it didn’t… it’s not really an image! :(

• 

  designsimply · Member · Dec 9, 2011 at 4:50 pm

  • Copy link

  Are you talking about the shading at the very top of the site?

  Here’s how that is set by the original CSS in the Chunk theme:

  body {
      background-image: -moz-linear-gradient( rgba(0,0,0,0.22), rgba(255,255,255,0) 80px );
      background-image: -webkit-linear-gradient( rgba(0,0,0,0.22), rgba(255,255,255,0) 80px );
  }

  It uses the background-image rule and a gradient. Setting background-image to none worked in my test. I tested in Chrome 16 and Firefox 8.0.1.

• 

  oeditorial · Member · Dec 9, 2011 at 4:59 pm

  • Copy link

  Thanks you so much for the help! It worked…

• 

  designsimply · Member · Dec 9, 2011 at 5:00 pm

  • Copy link

  Yay! :)