Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   image in post weird on one side (http://forum.bytesforall.com/showthread.php?t=14870)

pmac Jul 12, 2011 01:51 PM

image in post weird on one side
 
ata 3.6.7 and wp3.1 http://pollymac.com/johnorcuttnaturephoto.com. The left side border of the image is 10 px wider than the other side. In firebug it's pointing to a problem with
element.style {width: 910px;} which I can't find. the image should just be 900px wide. Don't know where the extra white is coming from or how to change it. Thanks!

lmilesw Jul 12, 2011 09:59 PM

What are the setting on the image itself?

juggledad Jul 13, 2011 03:45 AM

The <div> says the width is 910, but the <img> says it is 900
<
HTML Code:

div id="attachment_33" class="wp-caption alignleft" style="width: 910px;">
<a href="http://pollymac.com/johnorcuttnaturephoto.com/wp-content/uploads/2011/06/9-10ViennaBlueberryFields.jpg">
<img class="size-full wp-image-33 " width="900" height="450" alt="Vienna Mountain Blueberry Fields" src="http://pollymac.com


pmac Jul 13, 2011 11:04 AM

I want the image to be 900px. How do I fix it? Thanks!

pmac Jul 13, 2011 11:05 AM

oops, and the div to be 900px as well. I want to eliminate the extra 10 px of white border and I'm not sure how to do it.

juggledad Jul 13, 2011 11:50 AM

depends on how you added the image.

pmac Jul 13, 2011 12:03 PM

I created a post and then added an image with the add an image button.

lmilesw Jul 13, 2011 07:09 PM

Quote:

Originally Posted by pmac (Post 69528)
I created a post and then added an image with the add an image button.

And in the dialog when you add an image check the settings in the tabs. You can also change the settings in html view.

pmac Jul 21, 2011 07:54 AM

My setting for the pic size is 900x450. Does this mean I am fighting with the "style images" option in ATA? Where should I make the changes so an automatic border around an image appears, no matter the size of the image? I want the div to be the size of the image if that is possible.

What I would like to do is this: Any time an image is uploaded into a post, I want it to automatically have a thick white border (so my client doesn't have to worry about doing this part), no matter the size of the image. Is this possible and if so, could you tell me how to do it?

Thanks!

juggledad Jul 21, 2011 09:28 AM

have you played with the ato->Style IMAGES->Images in Posts? Try setting it to this
HTML Code:

padding: 5px;
border: solid 20px #ffffff;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;


pmac Jul 21, 2011 11:18 AM

Yes, tried that messing with that, but I'm going to need captions.

Here are my settings in "images in posts: caption style":

border: 30px solid white;
text-align: right;
background-color: #ffffff;
-moz-box-shadow: 3px 3px 3px #000000; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 3px 3px 3px #000000; /* Safari and Chrome */
box-shadow: 3px 3px 3px #000000;

Need the drop shadow.

This is working for the automatic styling of the image that I need, all but the extra 10px from the div. Just need to fix that....

juggledad Jul 21, 2011 01:51 PM

I beleive that extra 10px comes from WP itself in media.phpline 741
HTML Code:

        return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" style="width: ' . (10 + (int) $width) . 'px">'
        . do_shortcode( $content ) . '<p class="wp-caption-text">' . $caption . '</p></div>';
}



All times are GMT -6. The time now is 03:59 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.