Thumbnail gallery borders

• 

  digitalrobots · Member · Apr 17, 2008 at 5:02 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  I really like the new thumbnail gallery option on WordPress, but I’d like to know if it’s possible to remove the borders on the images. I figured out the CSS to get rid of the borders of images I upload separately:

  .post img {
  border:none;
  }

  but it doesn’t affect the gallery pictures. I am using the Digg 3 theme, and my blog is http://digital-robots.com (domain mapped from http://digitalrobots.wordpress.com ). Thanks!

• 

  cornell · Member · Apr 17, 2008 at 6:38 pm

  • Copy link

  try doing the same thing for “.gallery img”.

  Do you have firefox? The web developer toolbar for FF is a godsend when looking at stuff like this.

  C

• 

  digitalrobots · Member · Apr 17, 2008 at 7:15 pm

  • Copy link

  Thanks for the reply Cornell! I tried it out but unfortunately the borders are still visible. I do have Firefox, is the web developer toolbar you’re talking about a plugin? Is this the add-on you’re referring to: https://addons.mozilla.org/en-US/firefox/addon/60 ?

• 

  kimberlybrooke · Member · Apr 18, 2008 at 3:52 am

  • Copy link

  borders are still visible for me as well. wordpress is writing this CSS directly to my page, can’t override in my CSS file… what to do?

  .gallery {
  margin: auto;
  }
  .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 100%; }
  .gallery img {
  border: 2px solid #cfcfcf;
  }
  .gallery-caption {
  margin-left: 0;
  }

• 

  myherooftheday · Member · May 21, 2008 at 8:55 pm

  • Copy link

  does anyone have a solution to this?

• 

  deltafoxtrot · Member · May 22, 2008 at 8:02 am

  • Copy link

  This seems to work with WebKit-based browsers (Safari etc.):

  dt.gallery-icon img.attachment-thumbnail {
  	border-style: none;
  	border-width: 0;
  }

• 

  cliquee · Member · Jun 25, 2008 at 6:43 pm

  • Copy link

  change
  .gallery img {
  border: 2px solid #cfcfcf;
  }
  to
  .gallery img {
  border: 0px;
  }
  in wp-include/media.php

• 

  cliquee · Member · Jun 25, 2008 at 6:45 pm

  • Copy link

  where is gallery-icon defined in the wordpress code??

• 

  cliquee · Member · Jun 25, 2008 at 6:46 pm

  • Copy link

  oops I am sorry. I didnt notice that this is a wordpress.com forum. I thought its a wordpress.org forum.

• 

  nickmomrik · Staff · Jun 25, 2008 at 6:46 pm

  • Copy link

  cliquee,
  WordPress.com users don’t have access to modify that file.