How to remove image borders on Big Brother theme

• 

  bucketm0use · Member · May 16, 2017 at 12:36 am

  • Copy link
  • Add topic to favorites

  There’s a thin border around every picture and caption, even though the border width is set to 0. How do I remove it?

  Thanks.

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

• 

  musicdoc1 · Member · May 16, 2017 at 8:17 am

  • Copy link

  Hi,

  It looks to me like on the Big Brother theme, images with captions inserted have thin gray borders added. This image, which doesn’t have a caption inserted, has no border added. The addition of a border to an image with a caption is evidently an aspect of the theme design. To modify this, if possible, would probably require CSS customization.

  You might want to consider simply adding your captions below the images, rather than inside them as captions. If this options doesn’t appeal to you, you may add a “modlook” tag to the sidebar of this topic to call for staff attention.

• 

  musicdoc1 · Member · May 16, 2017 at 8:18 am

  • Copy link

  Correction:

  “If this option doesn’t appeal…”

• 

  dcoleonline · Staff · May 16, 2017 at 4:53 pm

  • Copy link

  Yep, the theme automatically applies the border to the HTML figure element, which contains the image and the caption text:

  <figure style="width: 456px" class="wp-caption aligncenter">
      <img class="aligncenter" src="https://thepoorstudenthobbyist.files.wordpress.com/2017/05/85ef0-remotecontroller.jpg?w=456&h=267" width="456" height="267" border="0" originalw="456" originalh="267" scale="2">
      <figcaption class="wp-caption-text">
          Well… I found this. But I’d rather make my own. It’ll be a fun little electronics project!
      </figcaption>
  </figure>

  So like musicdoc1 said, this could be changed through the use of Custom CSS which becomes available when upgrading the site to WordPress.com Premium or Business.

  If you decide to upgrade, you can add this to the My Site > Customize > CSS area to remove the borders on your captions:

  /* Remove Border From Captions */
  
  .wp-caption {
      border: none;
  }

• 

  bucketm0use · Member · May 17, 2017 at 12:42 am

  • Copy link

  Thank you both so much! One day I might upgrade to Premium, but for now I’ll just put captions underneath.

• 

  musicdoc1 · Member · May 17, 2017 at 5:23 am

  • Copy link

  You’re welcome!