Remove Border Images from Bueno Theme?
-
I’ve purchased CSS and have gone through it with a fine tooth comb trying to remove the border images from my pictures.
Here is my site: http://jcrylequotes.com/
And here is an example of an image with the border: http://jcrylequotes.com/2010/05/15/finally-knots-untied/
Please tell me where to find the border image in the CSS so I can insert “none” or “0”?
Thanks
The blog I need help with is: (visible only to logged in users)
-
Change the .entry img border to 0 none;
.entry img {
border:0 none;
}
The 0 described the border width, none will describe the border style, (which is null) then to give the border colour, which is not given.
Similarly i think you need to change the border property of the other img classes in the CSS sheet. You can search for ‘img’ in the CSS file and get the other CSS classes and then change the border properties.
-
The only “.entry img” I see is this:
.entry img, .wp-caption { margin-bottom: 15px; }However, this is not working since it is not a “border”.
Still need help.
I’m supposed to be looking under this section in CSS correct?
/* 3.2 Images */ -
-
Here is what I have under the “Image” section of my CSS for Bueno.
Let me know which one of these I need to adjust to rid myself of the image borders.
Thanks.
_____________________________
/* 3.2 Images */ img.wp-smiley { padding: 0 !important; border: none !important; margin: 0 !important; } .entry img, .wp-caption { margin-bottom: 15px; } .entry .alignleft { float: left; width: auto; margin: 10px 15px 10px 0; } .entry .alignright { float: right; width: auto; margin: 10px 0 10px 15px; } .entry .aligncenter { display: block; text-align: center; margin: 10px auto; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; } -
add the below line
i see that this option is in the blue.css file, which probably is not editable.
Then just add the below
.entry img {
border:0 none;
}
in any place of the CSS file -
Yep…pasting that small code anywhere into the CSS worked.
MUCH appreciated phoxis.
You folks at WordPress are INCREDIBLE! :-)
-
I don’t understand why the redundancy of defining the border property like this:
border: 0 none;It’s like defining something like this
selector { display: none; height: 0; width: 0; }Meh…
-
-
-
That code doesn’t remove the green border on the featured image in a post )at least not when I tried inserting a featured image in a previous post.) Any thoughts? Thanks so much.
-
Sandra,
Would you please post a temp “featured image”? I would need to see the elements in order to give you the proper code. If you want to do it tomorrow, that’s fine. I’m going to bed right now.
making 0px border would be enough.
phoxis,
Yes, that’d suffice, but the proper way would be to set it to “none”. Also, when setting a value to zero (0) no units are necessary.
-
@sandrapawula: you need to check which class the featured post images uses to show the image, and you need to set the border property to 0 within that class. I think the easiest way to figure the call is to use FireBug, a firefox plugin. Get it here: http://getfirebug.com/
Using it you can check the changes at once, and when you are satisfied you then can apply those changes from your wordpress CSS editor.@devblog : Right. Actually i am not very well with CSS (not in web development), and have no experience, so just trying to apply what i learnt.
-
Sandra,
I guess I was too tired last night that I forgot to say that, if you want to get rid of the borders of ALL images throughout your blog then this code will take care of that:
img { border: none !important; }If you just want to get rid of the images inside your posts only, then this will do it:
.hentry img { border: none !important; }The “!important” rule will deal with the border that persists around images such as the one in your “Zen Parable” post.
HTH
-
Thanks everyone. I used this:
For no border around featured images:
.post img.attachment-post-thumbnail { border: none; } For no border around the thumbnails in the Featured Posts widget: #featured span.thumb img { border: none; } -
I was having the same problem with unwanted picture borders on my blog: http://mikkahillphotography.com/
I have the Bueno Theme for WordPress and entered this:
.entry img {
border:0 none;
}Now, I’m happy with no borders! Thanks for (thekowalkerjourney) for asking my question and (phoxis) for answering my question.
-
-
Can you help me how could I remove border from featured images? In all other cases setting border 0 is working but with featured images the border still remains whatever I do. Thanks a lot!
-
- The topic ‘Remove Border Images from Bueno Theme?’ is closed to new replies.
WordPress.com Forums 