Removing shadow gradient AND background 'grid' image from Widely

• 

  notabilia · Member · Jan 11, 2013 at 8:12 am

  • Copy link
  • Add topic to favorites

  Hi!

  How do I remove the gradient/shadow on the Widely Theme? Also, what is the code to remove the ‘grid’ image from the content container?

  Thanks!

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

• 

  designdolphin · Member · Jan 15, 2013 at 8:52 pm

  • Copy link

  Looks like you solved this, am I correct? :-)

  Otherwise, can you please give a link to a test page(s) with the problem areas.

  That way it is easier for people to help you.

  Thanx! :-)

• 

  sarahkusz · Member · Feb 11, 2013 at 6:39 pm

  • Copy link

  Hi! I am also interested in how you are able to do this? Can you please post what CSS you altered/removed?

  Thanks! :)

• 

  designsimply · Member · Feb 18, 2013 at 9:46 pm

  • Copy link

  How do I remove the gradient/shadow on the Widely Theme?

  To remove the box shadow from around the main content container on the Widely theme, add this to your Appearance → Custom Design → CSS editor:

  .site {
  	box-shadow: none;
  }

• 

  designsimply · Member · Feb 18, 2013 at 9:48 pm

  • Copy link

  Also, what is the code to remove the ‘grid’ image from the content container?

  To remove the grid background image from the main content container on the Widely theme, add this to your Appearance → Custom Design → CSS editor:

  .site {
  	background: #fff;
  }

  Also note that you can combine the two examples from above into one like this:

  .site {
  	background: #fff;
  	box-shadow: none;
  }

• 

  sarahkusz · Member · Feb 23, 2013 at 6:12 am

  • Copy link

  thank you so much, designsimply!