Removing image border in The Journalist theme?

• 

  shimworld · Member · Nov 25, 2008 at 10:50 am

  • Copy link
  • Add topic to favorites

  I tried to apply the CSS codes below to remove the default border that surrounds all pictures in The Journalist theme to no avail.

  `img {
  border:none;
  }’

  ‘img
  { border-style: none;
  }’

  When applied locally to a post’s HTML it works such as
  http://shimworld.wordpress.com/2008/11/21/new-nokia-e71-firmware-a-suite-suite-deal/

  Ideally, I want to remove all borders to images except the ones with a link. Is this possible?

• 

  rosclarke · Member · Nov 25, 2008 at 11:25 am

  • Copy link

  The syntax of those CSS codes is wrong. You need the square brackets:[ ]

  Also check the class id for images. I’d expect it to be something more like .img

• 

  shimworld · Member · Nov 27, 2008 at 12:33 am

  • Copy link

  Code Is Poetry. Unfortunately, I’m not poetic. I searched for examples here and on the web and only found limited examples that so far have not worked.

  Also I wonder if I can apply Misty Look’s borders like I did before with Ocean Mist
  https://en.forums.wordpress.com/topic/ocean-mist-theme-customization-with-borderdrop-shadow?replies=13 I’ve tried this and preview showed no change.

  .entry img {
  background:url(‘https://s-ssl.wordpress.com/wp-content/themes/pub/mistylook/img/shadow.gif’) no-repeat right bottom;
  border:none;
  border-top:#eee 1px solid;
  border-left:#eee 1px solid;
  padding:4px 10px 10px 4px;
  }

  At this point, I’m thinking of either stripping all borders or have a more elegant border with a drop shadow.

• 

  shimworld · Member · Dec 9, 2008 at 12:04 am

  • Copy link

  Just an update. I still have not successfully found the code to remove all image border for The Journalist theme. If someone can help it’s much appreciated.

• 

  vivianpaige · Member · Dec 9, 2008 at 12:54 am

  • Copy link

  Have you played with the codes in here:

  .main img {
  margin: 0 5px 0 5px;
  padding:2px;
  border:#ddd 2px solid;
  }
  
  .main a img {
  padding:2px;
  border:#0085b5 2px solid;
  }
  
  .main a:hover img {
  padding:2px;
  border:#ca0002 2px solid;
  }

• 

  shimworld · Member · Dec 10, 2008 at 1:21 am

  • Copy link

  I tried these yesterday and for some reason nothing changed when I did a preview. No error either.

• 

  vivianpaige · Member · Dec 10, 2008 at 1:37 am

  • Copy link

  You must have missed something. I just tried the following and it worked:

  .main a img {
  padding:2px;
  border:0;
  }
  
  .main a:hover img {
  padding:2px;
  border:0;
  }

• 

  shimworld · Member · Dec 10, 2008 at 3:03 am

  • Copy link

  I see the second set of codes remove the borders around an image that has an active link. My images (though hosted by WP.com) are not linked by default and I notice the standard theme gray borders that are still wrapping the images.

• 

  thesacredpath · Member · Dec 10, 2008 at 3:21 am

  • Copy link

  I just changed border to 0px in the following and the grayish borders on the images went away

  .main img {
  border:0px solid #DDDDDD;

• 

  vivianpaige · Member · Dec 10, 2008 at 3:23 am

  • Copy link

  Well, you didn’t say that! You have to be specific. I tried the code on the first image I got to, which happened to be linked. Let me suggest (again) that you download and install the developer’s toolbar for Firefox. It makes tracking down the CSS pieces a lot easier.

  This bit of code (in addition to what I gave you above) eliminates the borders on the images I see on your front page

  img.aligncenter{
  border:0;
  }
  
  img.attachment-full{
  border:0;
  }

  You are probably going to have to fix the other alignments as well.

• 

  vivianpaige · Member · Dec 10, 2008 at 3:24 am

  • Copy link

  And as far as applying the Misty Look borders – the elements of each theme are different, which is probably why that code isn’t working.

• 

  panaghiotisadam · Member · Dec 10, 2008 at 3:30 am

  • Copy link

  Vivian, check these please and see if you can help graceystinson (promised her I’d tell you):

  https://en.forums.wordpress.com/topic/new-interface-is-confusing/page/2?replies=33
  https://en.forums.wordpress.com/topic/posting-from-windows-live-writer?replies=17

• 

  shimworld · Member · Dec 12, 2008 at 8:35 am

  • Copy link

  @ vivianpaige, thesacredpath

  Thanks for your help. The codes work but strangely only on posts that appear on the main page. Once I click on “Older Entries” which is essentially page 2 and earlier, the default borders re-appear. Rather interesting this one.