the real tami
July 18 2008, 05:23 AM
i have the wordpress pro photo blog template and i can't seem to be able to center my portrait images that i post. i do the same as i do for the landscape, i choose 'center' option adn they center just fine, but the portraits dont?
anyone else? anyone know why this is happening?
Damon
July 18 2008, 05:31 AM
QUOTE(the real tami @ July 18 2008, 09:23 AM)

i have the wordpress pro photo blog template and i can't seem to be able to center my portrait images that i post. i do the same as i do for the landscape, i choose 'center' option adn they center just fine, but the portraits dont?
anyone else? anyone know why this is happening?
You can put your images in a centered paragraph:
<p><tami's img /></p>
Lynn Bernardi
July 18 2008, 05:33 AM
Tami, I looked at the source code and they are calling to be centered. I am wondering if the two vertical photos next to each other are so big that it's forcing one to fall of the edge and go down underneath it? Does it only happen when you post multiple vertical shots?
the real tami
July 18 2008, 05:36 AM
QUOTE(Lynn Bernardi @ July 18 2008, 02:33 PM)

Tami, I looked at the source code and they are calling to be centered. I am wondering if the two vertical photos next to each other are so big that it's forcing one to fall of the edge and go down underneath it? Does it only happen when you post multiple vertical shots?
it always happens, even if i just post one. i've never had such problems posting images before - i even tried to get to portraits side by side adn that took so long i was considering pulling my hair out instead.
Lynn Bernardi
July 18 2008, 05:40 AM
Yeah, I scrolled down and saw that it always happens. I'm so rusty on CSS. I cannot find where this class is defined that centers the image. The easy fix for right now might be to do as suggested and just add the code to center it. Andy might know. We have the same template but haven't started using it yet. I'll link him to this thread.
the real tami
July 18 2008, 05:48 AM
QUOTE(Lynn Bernardi @ July 18 2008, 02:40 PM)

Yeah, I scrolled down and saw that it always happens. I'm so rusty on CSS. I cannot find where this class is defined that centers the image. The easy fix for right now might be to do as suggested and just add the code to center it. Andy might know. We have the same template but haven't started using it yet. I'll link him to this thread.
'k thanx
Mark T.
July 18 2008, 05:48 AM
When I post, I don't center the images. I go back and highlight all, and center the paragraph the images are in. Everything goes to center. I'm not a coder, but my image code looks different than yours.
Mine is:
<p align="center">image i want centered</p>
yours is:
<p><a href="http://tamicurtis.com/pulpfiction/wp-content/uploads/2008/07/vintage11.jpg"><img class="aligncenter size-full wp-image-930" title="vintage11" src="http://tamicurtis.com/pulpfiction/wp-content/uploads/2008/07/vintage11.jpg" alt="" width="447" height="625" /></a>a vintage beauty!</p>
the real tami
July 18 2008, 05:59 AM
maybe i'm doing it wrong then - but when i import my image and i'm given the option of left, right, or center, i choose center, then i have the option of the size and i choose full size.
QUOTE(Mark T. @ July 18 2008, 02:48 PM)

When I post, I don't center the images. I go back and highlight all, and center the paragraph the images are in. Everything goes to center. I'm not a coder, but my image code looks different than yours.Mine is:<p align="center">image i want centered</p>yours is:<p><a href="http://tamicurtis.com/pulpfiction/wp-content/uploads/2008/07/vintage11.jpg"><img class="aligncenter size-full wp-image-930" title="vintage11" src="http://tamicurtis.com/pulpfiction/wp-content/uploads/2008/07/vintage11.jpg" alt="" width="447" height="625" /></a>a vintage beauty!</p>

thanks mark and damon - i'm a little embarrassed right now ... but its fixed. i just went back and highlighted everything and centered it....umm... like duh............
Lynn Bernardi
July 18 2008, 06:01 AM
Your centering code is using css, which is technically supposed to be "more correct" or whatever, because browsers are supposed to be phasing out of using the old mark-up. That said, I've never had an issue with the old method not working, but people do have issue with CSS.
Andy is off the

now and may be able to help.
the real tami
July 18 2008, 06:07 AM
QUOTE(Lynn Bernardi @ July 18 2008, 03:01 PM)

Your centering code is using css, which is technically supposed to be "more correct" or whatever, because browsers are supposed to be phasing out of using the old mark-up. That said, I've never had an issue with the old method not working, but people do have issue with CSS.
Andy is off the

now and may be able to help.

oh i just replied cause i wanted to see if i could copy the motorscooter dude. i love him!
Cath71
July 18 2008, 06:39 AM
QUOTE(Mark T. @ July 18 2008, 11:48 PM)

When I post, I don't center the images. I go back and highlight all, and center the paragraph the images are in. Everything goes to center. I'm not a coder, but my image code looks different than yours.
Me too, it's the only way I can get it to work. It is a pain because you have to be careful not to centre your text too, unless you like that, but I don't. That is the ONLY issue I have with ProPhoto, other than that I LOVE it!
Lisette
July 18 2008, 11:27 AM
This works for me in blogger...but I'm not sure about wordpress.
<center>
<tami's image>
</center>
I'm not a CSS expert by any means. I found this by googling months ago.
littler chicken
July 18 2008, 01:41 PM
I think we need to ask Jared because I think there needs to be something else in the main style sheet that's not there. I want my pictures centered, too, and for now I get around it by selecting the pictures and hitting center (so the code is centering them twice) like Damon suggested. I wish I didn't have to though.
I think I just read about this somewhere, too... maybe in that WP post about the HTTP error with the image uploader (which is WP's issue, not ProPhoto's). I'll do some digging after the kids are otherwise occupied and see if I can remember where I saw it.
AZJamie
July 18 2008, 01:46 PM
Holy cow... I have the answer.... It's a first by the way
After you type your about me section put <center> after it and it centers all your titles, text and pictures for your posts below. I like mine that way... Have a look...
http://burnettphotography.com/blog/I never have to hit center align... Just always looks that way! But if you only want your pictures centerd... Sorry...
littler chicken
July 18 2008, 01:46 PM
This is from the
WP thread about the image uploader (and other image issues apparently):
QUOTE
9. Q: The gallery's align left/center/right selection box doesn't work!
A: Put this or something similar into your theme's CSS file. The images will then align correctly on that theme. You may need to adjust these for your specific theme.
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
} The above code is from the default theme.
If you are willing to be brave and mess with the CSS this might be the problem. But I'd still check with Jared first--I emailed him about another issue and he was right on it. And I would certainly rather use Jared approved code instead of generic WP code. Because I am a CSS wuss.
Lisette
July 18 2008, 01:48 PM
QUOTE(AZJamie @ July 18 2008, 05:46 PM)

Holy cow... I have the answer.... It's a first by the way
After you type your about me section put <center> after it and it centers all your titles, text and pictures for your posts below. I like mine that way... Have a look...
http://burnettphotography.com/blog/I never have to hit center align... Just always looks that way!
Jamie yours isn't showing centered for me.
AZJamie
July 18 2008, 01:49 PM
QUOTE(Lisette @ July 18 2008, 02:48 PM)

Jamie yours isn't showing centered for me.

NO???
Lisette
July 18 2008, 01:51 PM
QUOTE(AZJamie @ July 18 2008, 05:49 PM)

NO???
Your post titles, text, and photos are all aligned left. And your bio is to the left too. Maybe it's just my computer?
But your "Contact Burnett Photography" is center.
AZJamie
July 18 2008, 01:52 PM
Well WTF... It does on my screen. Guess I don't know after all. *sulks away without an answer*

QUOTE(Lisette @ July 18 2008, 02:51 PM)

Your post titles, text, and photos are all aligned left. And your bio is to the left too. Maybe it's just my computer?
But your "Contact Burnett Photography" is center.
Lisette
July 18 2008, 01:57 PM
This is what I'm seeing. Jamie I think maybe my mac is crazy

Tami I'm seeing yours centered now!
AZJamie
July 18 2008, 01:58 PM
Well what the heck... Why does it show up two different ways?
QUOTE(Lisette @ July 18 2008, 02:57 PM)

This is what I'm seeing. !Jamie I think maybe my mac is crazy
Tami I'm seeing yours centered now
Lisette
July 18 2008, 01:59 PM
I don't know, but I just bought the ProPhoto theme and I'd like to know as well. I want mine to be centered on my screen and everyone elses too.
littler chicken
July 18 2008, 02:04 PM
I just emailed Jared and explained our dilemma so hopefully he can weigh in soon.
I do a little web stuff and I know sometimes you have to write code differently, or add in extra lines of code, for FF and IE to see one page the same way. I don't know about Safari. Anyway maybe that is the issue?
AZJamie
July 18 2008, 02:05 PM
I checked my other computers and they center my blog. Now I'm confused. Doesen't take much I guess.
Is it just Lisette or is it left justified for everyone but me?
Lisette
July 18 2008, 02:06 PM
QUOTE(littler chicken @ July 18 2008, 06:04 PM)

I don't know about Safari. Anyway maybe that is the issue?
This may be it...I'm on Safari
littler chicken
July 18 2008, 02:09 PM
Left for me too, Jamie--I'm in Firefox (yes, on a PC which I looooove).
In IE it's centered.
AZJamie
July 18 2008, 02:11 PM
OK then... I should re-state it centers it for internet explorer pc users, cause I have no clue about foxes and safaris...

And since you;re looking feel free to give me some blog love!
Lisette
July 18 2008, 02:15 PM
QUOTE(AZJamie @ July 18 2008, 06:11 PM)

OK then... I should re-state it centers it for internet explorer pc users, cause I have no clue about foxes and safaris...

And since you;re looking feel free to give me some blog love!

Haha I just love you!
littler chicken
July 18 2008, 02:19 PM
Jamie, you HAVE to get Firefox. You will never never never go back to IE. Except when you have to check something.
Just try it, you'll like it!
Jared Henderson
July 18 2008, 04:51 PM
hey all, here's a short answer, and then in a few hours (or tomorrow) i'll try to write something more exhaustive.
the simple way to make sure that your portrait-oriented images are centered in ProPhoto is AFTER you've inserted them into your post, click on them and then click the center text button. that definately works across all browsers.
clicking on the alignment left or right button when inserting doesn't seem to work. i think this is because as the theme author i was supposed to add some css to my theme to make sure that the classes added by the image inserter show up right.
i'm going to double-check that and get back to you, but for now you can center things by clicking on the image and pressing the center text button.
also, here's the post on my blog about it:
http://www.professionalphotographertheme.c...nter-my-images/
DustinFrancis
July 18 2008, 06:13 PM
QUOTE(Jared Henderson @ July 18 2008, 08:51 PM)

hey all, here's a short answer, and then in a few hours (or tomorrow) i'll try to write something more exhaustive.
the simple way to make sure that your portrait-oriented images are centered in ProPhoto is AFTER you've inserted them into your post, click on them and then click the center text button. that definately works across all browsers.
clicking on the alignment left or right button when inserting doesn't seem to work. i think this is because as the theme author i was supposed to add some css to my theme to make sure that the classes added by the image inserter show up right.
i'm going to double-check that and get back to you, but for now you can center things by clicking on the image and pressing the center text button.
also, here's the post on my blog about it:
http://www.professionalphotographertheme.c...nter-my-images/Yeah, this is what I've been doing to get them centered. I don't like having to do it, but it's not that big a deal. I was meaning to ask about a fix for this.
David from Puerto Rico
July 18 2008, 07:55 PM
QUOTE(Lisette @ July 18 2008, 08:06 PM)

This may be it...I'm on Safari
I am using Safari and your vertical images are centered. I also tried Firefox and they look centered too.
By the way, nice images!
the real tami
July 18 2008, 08:07 PM
QUOTE(Lisette @ July 18 2008, 10:57 PM)

This is what I'm seeing. Jamie I think maybe my mac is crazy

Tami I'm seeing yours centered now!
you guys are too funneh. if you look about 20 posts above, you will see that i figured it out......
the real tami
July 18 2008, 08:55 PM
now the problem i am having is that when i try to get to portraits side by side, i get a huge gap beneath them. when i go in to edit, there is no gap there????????
weird.
littler chicken
July 19 2008, 04:07 AM
Will WP let you put them side by side? I didn't think it would, so I took my verticals into PS and made one horizontal out of two verticals to make them come out side by side that way. Kind of a pain in the neck extra step but I didn't want tons of white space and couldn't figure out another way to do it.
Yes, we know that we can click on the pictures and get them centered that way, but it still seems like it's taking two steps to do something that should work in the first. CSS is like magic though, it just boggles me.
the real tami
July 19 2008, 04:52 AM
QUOTE(littler chicken @ July 19 2008, 01:07 PM)

Will WP let you put them side by side? I didn't think it would, so I took my verticals into PS and made one horizontal out of two verticals to make them come out side by side that way. Kind of a pain in the neck extra step but I didn't want tons of white space and couldn't figure out another way to do it.
Yes, we know that we can click on the pictures and get them centered that way, but it still seems like it's taking two steps to do something that should work in the first. CSS is like magic though, it just boggles me.
i love your blog wallpaper robin!
littler chicken
July 19 2008, 05:07 AM
Thanks Tami! I tried about 5 before I settled on that one. Too many fun choices.
Hey, I tried to add your blog to my google reader and for some reason I just can't do it. I added it by hand with the web address, which normally works, and I clicked on the RSS feed, which offered to add it to my reader, and I clicked on that, and it didn't take either. Does anyone know what I'm doing wrong (yes I know this is OT)? I guess for now I will just have to click on your blog whenever I see a post from you.
the real tami
July 19 2008, 05:24 AM
QUOTE(littler chicken @ July 19 2008, 02:07 PM)

Thanks Tami! I tried about 5 before I settled on that one. Too many fun choices.
Hey, I tried to add your blog to my google reader and for some reason I just can't do it. I added it by hand with the web address, which normally works, and I clicked on the RSS feed, which offered to add it to my reader, and I clicked on that, and it didn't take either. Does anyone know what I'm doing wrong (yes I know this is OT)? I guess for now I will just have to click on your blog whenever I see a post from you.

it worked for my husband? yes... we have to have rss feed to keep up with each other..... now THAT is sad...
your whole blog is so nice, how did you do that with your header? the baby pics with the one on the right and the small ones on the left changing? its sooo cool!
littler chicken
July 19 2008, 12:30 PM
Never mind, apparently it did add it, just didn't show at the time. Yay!
Jared Henderson
July 20 2008, 05:04 PM
ok, so i always assumed the fact that the center button didn't work when inserting an image into a post was a WP bug, but, I was wrong.
For some reason I never took the time to look at the code WP generates and see that they expect the theme writer to define the CSS for these classes.
Sorry, sorry. My bad.
I'm going to fix it for everyone who buys the theme from now on, and if you've already purchased, just go into your "Stylesheet (style.css)" from "Design" => "Theme Editor" and go to the very bottom, and on a new line paste in the following code:
img.aligncenter {
display: block !important;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 10px 20px;
display: inline;
float: right;
}
img.alignleft {
margin: 0 20px 10px 0;
display: inline;
float:left;
}
Now your align left, right and center buttons will work.
littler chicken
July 20 2008, 05:30 PM
under all the sandbox gobbledy gook, Jared?
Jared Henderson
July 20 2008, 06:27 PM
QUOTE(littler chicken @ July 20 2008, 09:30 PM)

under all the sandbox gobbledy gook, Jared?
yeah, under everything. honestly, you can insert it anywhere, but i recommend the bottom because then it won't throw off the line number references i sprinkled throughout the stylesheet.
Lisette
July 20 2008, 06:32 PM
Awesome Jared! Thanks! You really do have top notch customer service.
littler chicken
July 21 2008, 05:18 AM
Jared rocks.
the real tami
July 21 2008, 05:31 AM
QUOTE(Jared Henderson @ July 21 2008, 02:04 AM)

ok, so i always assumed the fact that the center button didn't work when inserting an image into a post was a WP bug, but, I was wrong.
For some reason I never took the time to look at the code WP generates and see that they expect the theme writer to define the CSS for these classes.
Sorry, sorry. My bad.
I'm going to fix it for everyone who buys the theme from now on, and if you've already purchased, just go into your "Stylesheet (style.css)" from "Design" => "Theme Editor" and go to the very bottom, and on a new line paste in the following code:
img.aligncenter {
display: block !important;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 10px 20px;
display: inline;
float: right;
}
img.alignleft {
margin: 0 20px 10px 0;
display: inline;
float:left;
}
Now your align left, right and center buttons will work.
i'm skeered

because it will be just my luck . ..
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please
click here.