markwilliamsjr
Member
Posted 2 years ago #
I have been having the most difficult time trying to figure out how to get rid of image borders within posts. I have tried just putting "border=0" in the HTML code, I made sure the border option in advanced image settings was set to 0, and they are not linked images.
So the only thing that I think it may be would be coding within the style sheet. However, I cannot find anything to indicate this. If anyone would be so kind as to give my theme's style sheet a look...I would greatly appreciate the help.
http://www.drawnthatway.com
(excuse the mess...we are just getting underway)
TransPersonal
Member
Posted 2 years ago #
I don't see anything other than a single page with an image and that image doesn't have a border (using firefox).
Try putting this in your style.css (at the very bottom)
img {
border: none;
}
markwilliamsjr
Member
Posted 2 years ago #
Ahh, Trans...I'm sorry. I didn't think I would get a reply this quickly. I have since taken down the "Coming Soon" page. So if you wanna check it out again.
markwilliamsjr
Member
Posted 2 years ago #
And I tried what you suggested and that did not work. I also tried to put 0 instead of none, still not doing the trick.
TransPersonal
Member
Posted 2 years ago #
Here try this, in style.css find:
.the_content img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border:1px solid #DDDDDD;
padding:3px;
}
change to:
.the_content img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
}
markwilliamsjr
Member
Posted 2 years ago #
Trans, I don't see code like that in the style.css
The only things close are the following two items:
.the_content img {
background:white;
border:1px solid #
and
.the_content img {
max-width: 600px;
width: expression(this.width > 600 ? 600: true);
}
TransPersonal
Member
Posted 2 years ago #
I think I got that because I'm using firebug - I don't have actual access to your style.css file so I see it a little differently.
Try changing:
.the_content img {
background:white;
border:1px solid #
to:
.the_content img {
background:white;
border: none;
padding: 0;
}
markwilliamsjr
Member
Posted 2 years ago #
Yeah, still didn't change anything.
Thank you very much for taking the time to look into it though. Much appreciated. If you can think of anything else I would be glad to try.
TransPersonal
Member
Posted 2 years ago #
How about this, this type of thing is very difficult to do without looking at the actual stylesheet. So paste all the contents of your style.css here and we'll find a solution a lot quicker:
http://pastebin.com/
markwilliamsjr
Member
Posted 2 years ago #
You got it! Thanks.
It's under my WP screen name.
TransPersonal
Member
Posted 2 years ago #
Try this:
http://pastebin.com/m6994974c
If it doesn't work let me know.
markwilliamsjr
Member
Posted 2 years ago #
Yeah Trans, I pasted the whole thing...it still didn't change anything. Thank you though.
markwilliamsjr,
Set your site live again so we can take another look.
Wimbledon
Member
Posted 2 years ago #
This works for me to remove images around JPEGs:
Make this a CSS insert:
/* Optional images with no borders */
.customImage img {
padding: 0px;
border: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
And use it like this when you want no border:
<div class="customImage">
--- post content here ---
</div>
markwilliamsjr
Member
Posted 2 years ago #
Wimbledon, thanks for the suggestion...that didn't work for me either.
For doc4 -- and anyone else who may want to help -- I have made the site live again. Visit this page here to view post images with border.
markwilliamsjr
Member
Posted 2 years ago #
Ok, I did put a link...but I don't see it. So here:
http://www.drawnthatway.com/2009/10/11/78/
in your style.css:
.post_image img {
padding:3px;
background-color:#fff;
border:1px solid #cccccc;
}
that is for the large image at the top:
the 'padding:3px' together with the 'background-color:#fff;' generates the white border, and then the 'border' does the dark grey one -
so, if you don't want any border, set 'padding: 0px;' and 'border:none;'
the smaller images in the articles are styled with (style.css):
.the_content img {
background:white;
border:1px solid #000;
padding:3px;
}
- same as above
markwilliamsjr
Member
Posted 2 years ago #
alchymyth, you are the best! Thank you so much. That worked great.
And I appreciate everyone's willingness to assist me.
prdepuy
Member
Posted 2 years ago #
I'm having a similar problem.
Despite following all advice on this thread, I have been unable to remove the border on this page's image.
http://www.mobileninja.biz/?page_id=18
What am I doing wrong?
greenwizard
Member
Posted 2 years ago #
u should not aks second time dude u might get moderated
these questions are forbiden here :")
greenwizard
Member
Posted 2 years ago #
