Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

image in post weird on one side


  #1  
Old Jul 12, 2011, 02: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, 10:59 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 04:45 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Jul 13, 2011, 12:04 PM
pmac
 
91 posts · Nov 2010
I want the image to be 900px. How do I fix it? Thanks!
  #5  
Old Jul 13, 2011, 12:05 PM
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, 12:50 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
depends on how you added the image.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jul 13, 2011, 01: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, 08:09 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 08: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, 10:28 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Jul 21, 2011, 12:18 PM
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, 02:51 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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>';
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Weird Header Image Behaviour micaela Header configuration & styling 2 Feb 14, 2011 11:06 PM
[SOLVED] Weird Header image behavior Cheers Header configuration & styling 7 Jan 31, 2011 08: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 01:28 PM
Weird image issue in posts jesseo Atahualpa 3 Wordpress theme 7 Jan 10, 2010 10:22 AM
Post headings moving from side to side and font size reducing sparry Atahualpa 3 Wordpress theme 3 Jun 21, 2009 07:23 AM


All times are GMT -6. The time now is 12:05 PM.


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