Removing image border in The Journalist theme?
-
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?
-
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
-
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.
-
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.
-
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; } -
I tried these yesterday and for some reason nothing changed when I did a preview. No error either.
-
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; } -
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.
-
I just changed border to 0px in the following and the grayish borders on the images went away
.main img { border:0px solid #DDDDDD; -
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.
-
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.
-
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 -
@ 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.
- The topic ‘Removing image border in The Journalist theme?’ is closed to new replies.