Removing frames from widget images – Inuit Types

• 

  alwayswellwithin · Member · Aug 15, 2010 at 7:00 am

  • Copy link
  • Add topic to favorites

  Hi, Can anyone tell me the CSS code to remove the frames from the sidebar widget images (only). My blog is:

  http:www.alwayswellwithin.com

  Thanks so much!

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

• 

  hallluke · Member · Aug 15, 2010 at 11:54 am

  • Copy link

  .sidebar img {border:none;}

• 

  alwayswellwithin · Member · Aug 16, 2010 at 2:22 am

  • Copy link

  Thank you SO much!!!! I will try it out. :)

• 

  alwayswellwithin · Member · Aug 21, 2010 at 2:24 am

  • Copy link

  This one didn’t work. :)

  .sidebar img {border:none;}

  Looks like it should work, but it didn’t. Any ideas?

  Thought I posted this already, but don’t see it.

  Thanks!

• 

  thesacredpath · Member · Aug 21, 2010 at 2:34 am

  • Copy link

  This gets rid of it, but it might also get rid of the borders in captioned images in posts and pages as well

  .wp-caption img { border:none; }

• 

  alwayswellwithin · Member · Sep 2, 2010 at 6:05 am

  • Copy link

  Thanks. It gets rid of the border on the image with a link (has two light gray bars on side, but that’s better), but it doesn’t remove the image on the About photo or the twitter symbol. Must be something I have in the code somewhere.

  This is better at least, and I will keep my eyes open to see if it removes the borders in captioned images in posts and pages as well. In which case, I will need to find a different way to do the link.

  Thanks, you are the best.
  Sandra

• 

  thesacredpath · Member · Sep 2, 2010 at 6:21 am

  • Copy link

  @always, if you can point me to specific places, I can look at getting rid of whatever else you want to get rid of.

• 

  thesacredpath · Member · Sep 2, 2010 at 6:36 am

  • Copy link

  For the two grey borders on the book image, do the following.

  .wp-caption {background:none; }

  For the text widgets with the about stuff, and the twitter button, add

  style="border:none;" to the image HTML as in the below example:

  <img style="border:none;" alt="Follow AlwaysWellWithn on Twitter" src="http://twitter-badges.s3.amazonaws.com/follow_me-b.png">

• 

  thesacredpath · Member · Sep 2, 2010 at 6:38 am

  • Copy link

  The thing is, I don’t see those borders in Safari, but I do in Firefox. They probably also appear in IE as well.