Remove border on header and image widget

• 

  nmegan · Member · Sep 11, 2013 at 11:07 pm

  • Copy link
  • Add topic to favorites

  I’m working with the Skylark theme and I’ve noticed that there always seems to be a dark thin border around all the images. I would like to remove it especially from the main header image and the custom Facebook icon that I placed in a sidebar widget on most of the pages (See Teaching for an example)

  I tried adding this to the CSS but it didn’t work.

  .widget widget-image {
  border: none;
  }

  Could someone help me out? Thank you!

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

• 

  justpi · Member · Sep 12, 2013 at 3:35 am

  • Copy link

  .site-header img, .entry-content img, .featured-thumbnail img, .category-section img, img[class*="align"], img[class*="wp-image-"], .portfolio img, .entry-thumbnail img {
      box-shadow: none;
  }

• 

  nmegan · Member · Sep 12, 2013 at 5:39 pm

  • Copy link

  Thank you! I didn’t see “box-shadow when I tried the inspect element. Do I understand correctly that I could alter it then on any or all of the theme elements?

• 

  designsimply · Member · Sep 17, 2013 at 2:16 am

  • Copy link

  That’s correct.