Help - Search - Members - Calendar
Full Version: pro photo word press blog template . . .
OpenSourcePhoto > World Wide Web > Website Stuff
the real tami
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
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
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
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
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
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.
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
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>
puterpissed.gif 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............ smashpc.gif
Lynn Bernardi
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
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
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
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. smile.gif
littler chicken
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
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
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
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. unsure.gif
AZJamie
QUOTE(Lisette @ July 18 2008, 02:48 PM) *
Jamie yours isn't showing centered for me. unsure.gif



NO???
Lisette
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
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
This is what I'm seeing. Jamie I think maybe my mac is crazy wacko.gif


Tami I'm seeing yours centered now!
AZJamie
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 wacko.gif


Tami I'm seeing yours centered now
Lisette
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. smile.gif
littler chicken
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
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
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
Left for me too, Jamie--I'm in Firefox (yes, on a PC which I looooove).

In IE it's centered.
AZJamie
OK then... I should re-state it centers it for internet explorer pc users, cause I have no clue about foxes and safaris... blink.gif

And since you;re looking feel free to give me some blog love! biggrin.gif
Lisette
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... blink.gif

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



Haha I just love you!
littler chicken
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! shades.gif
Jared Henderson
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
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
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! thumbsup.gif
the real tami
QUOTE(Lisette @ July 18 2008, 10:57 PM) *
This is what I'm seeing. Jamie I think maybe my mac is crazy wacko.gif
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...... umbrella.gif
the real tami
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. ph34r.gif
littler chicken
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
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
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. wink.gif
the real tami
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. wink.gif



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
Never mind, apparently it did add it, just didn't show at the time. Yay!
Jared Henderson
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
under all the sandbox gobbledy gook, Jared?
Jared Henderson
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
Awesome Jared! Thanks! You really do have top notch customer service. smile.gif
littler chicken
Jared rocks.
the real tami
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 w00t.gif 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.
Invision Power Board © 2001-2008 Invision Power Services, Inc.