Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

image in post weird on one side


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jul 12, 2011, 01:51 PM
pmac
 
91 posts · Nov 2010
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!
  #2  
Old Jul 12, 2011, 09:59 PM
lmilesw's Avatar
lmilesw
 
10,083 posts · Jul 2009
Central New York State USA
What are the setting on the image itself?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jul 13, 2011, 03:45 AM
juggledad's Avatar
juggledad
 
22,176 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #4  
Old Jul 13, 2011, 11:04 AM
pmac
 
91 posts · Nov 2010
I want the image to be 900px. How do I fix it? Thanks!
  #5  
Old Jul 13, 2011, 11:05 AM
pmac
 
91 posts · Nov 2010
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.
  #6  
Old Jul 13, 2011, 11:50 AM
juggledad's Avatar
juggledad
 
22,176 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
depends on how you added the image.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #7  
Old Jul 13, 2011, 12:03 PM
pmac
 
91 posts · Nov 2010
I created a post and then added an image with the add an image button.
  #8  
Old Jul 13, 2011, 07:09 PM
lmilesw's Avatar
lmilesw
 
10,083 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by pmac
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Jul 21, 2011, 07:54 AM
pmac
 
91 posts · Nov 2010
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!
  #10  
Old Jul 21, 2011, 09:28 AM
juggledad's Avatar
juggledad
 
22,176 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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;
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #11  
Old Jul 21, 2011, 11:18 AM
pmac
 
91 posts · Nov 2010
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....
  #12  
Old Jul 21, 2011, 01:51 PM
juggledad's Avatar
juggledad
 
22,176 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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>';
}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Weird Header Image Behaviour micaela Header configuration & styling 2 Feb 14, 2011 10:06 PM
[SOLVED] Weird Header image behavior Cheers Header configuration & styling 7 Jan 31, 2011 07:52 AM
How can a place a logo image on the left side and another image on the right side? Ms. M Header configuration & styling 11 Jan 18, 2010 12:28 PM
Weird image issue in posts jesseo Atahualpa 3 Wordpress theme 7 Jan 10, 2010 09:22 AM
Post headings moving from side to side and font size reducing sparry Atahualpa 3 Wordpress theme 3 Jun 21, 2009 06:23 AM


All times are GMT -6. The time now is 10:20 PM.


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