[passportandpixels]

Ok, but what about my issue of the site images still not displaying properly as mentioned just above?

On my iphone, the images on the presentation/home page seem to be stretched. They are in 16×9 ratio, and look fine on the slider and on the computer screen, but on the iphone in the ‘latest posts section’ below the slider they seem to be stretched to the width of the iphone but for some reason are not proportionally taller as well, so they appear thin and stretched horizontally.

But when you go into the posts themselves, the images display quite small, they don’t reach all the way to the sides and have a big border round them, so the photo itself is quite small, especially the landscape-shaped ones.

I’d send you a screen grab but I don’t think I can here…

Can either of these issues be fixed?

[passportandpixels]

Ah, thanks very much Zed for the reply. I’ve updated and as you say, the problem has been solved, which is great.

Now I have a new issue though.

On my iphone, the images on the presentation/home page seem to be stretched. They are in 16×9 ratio, and look fine on the slider and on the computer screen, but on the iphone in the ‘latest posts section’ below the slider they seem to be stretched to the width of the iphone but for some reason are not proportionally taller as well, so they appear thin and stretched horizontally.

But when you go into the posts themselves, the images display quite small, they don’t reach all the way to the sides and have a big border round them, so the photo itself is quite small, especially the landscape-shaped ones.

I’d send you a screen grab but I don’t think I can here…

Can either of these issues be fixed?

Thanks

[passportandpixels]

Hi
Following on from the previous chat, my site is still not displaying posts correctly on the homepage. I’ve made a screen grab but I don’t think I can attach it here.
Basically instead of having all the post lined up in rows of three like this:

X X X
X X X
X X X
X X X

Etc…

I’m getting this… or varieties of this:

X X X
X X X
X
X X X
X
X X X

I don’t understand why there are random gaps, nor how to fix it. It looks weird and wrong. Can you help?

Thanks
Bella

[passportandpixels]

Hmmm. interesting that you can’t see a difference! Maybe they were just displaying wrong to me, but actually working fine in the published post?

Anyway, they seem to be behaving again at the moment, so I won’t worry about it too much for now, and I don’t want to take up too much more of your time since you have already been so helpful.

My main concerns now, in order for me to be able to ‘launch’ my site on my adoring public (!) are just two:

1. The speed at which the whole thing is running. I have contacted my web host, they said to ask you! Someone else said plugins might be slowing it down but I think I need all the plugins I have. I did a performance profile report which is below. As previously mentioned, I’m also worried that if it’s slow now, how much worse will it get when I add 50 more blog posts, each containing 20 photos…?

2. The thing about the posts not lining up which looks pretty bad.

Otherwise, I’m really pleased with it, I think it looks great and I do love the theme 🙂 I just want to share it now! But I don’t want to do that if it looks weird or if people are going to get bored because it takes too long to load…

Thanks again for your help.
Bella

[passportandpixels]

As an aside, I just re-hid the Test post, and now the other posts are again not lining up correctly on the computer screen. I’d attach a screen grab but I don’t think I can here! But they are now lined up like this:

X X X
X
X X X
X
X

It seems to be that if I write a new post then they all ping back into place again, but that’s a rather time-consuming solution!

[passportandpixels]

Hi Zed
They’re at different sizes because when I was having issues with the ones at 825×550 I tried resizing them bigger (in Lightroom) and reuploading them at 1000×1500 in an attempt to solve the issue. Generally I’ve been batch-resizing all my pictures for the blog in Lightroom with a watermark on and a short edge of 550 pixels because 550 seems to be the height that looks about right on my computer screen. Then I resize the portrait shaped ones within the site/post to be the same height – 550px. So the larger ones you can see are where I uploaded some bigger ones to see if that would solve the problem. It’s not the site that’s making them 825×550, it’s me!
As you can see if you looked at the Test post, it just randomly seemed to make some of them really crap quality, but I have no idea why.
I’ve been writing another new post this evening and it seems to be behaving again now – though I haven’t done anything differently.
Very odd.

One thing that is worrying me is that this is a photography blog, and while it may be a manageable size now, I’m going to keep adding images to it all time them. Is it going to get to a point when it’s completely unwieldy? It’s really important that I don’t make the pictures too small, after all what is the point if they look terrible?!

Thanks for your help – it’s really appreciated – and I’m sorry if I’m being a clueless annoying newbie!
Bella

[passportandpixels]

Also, under Media and other files, these things are checked:

Set Last-Modified header
Set the Last-Modified header to enable 304 Not Modified response.
Set expires header
Set the expires header to encourage browser caching of files.
Expires header lifetime:
31536000
seconds
Set cache control header
Set pragma and cache-control headers to encourage browser caching of files.
Cache Control policy:
Set entity tag (ETag)
Set the Etag header to encourage browser caching of files.

Enable HTTP (gzip) compression
Reduce the download time for text-based files.
Prevent caching of objects after settings change
Whenever settings are changed, a new query string will be generated and appended to objects allowing the new policy to be applied.
Disable cookies for static files
Removes Set-Cookie header for responses.

[passportandpixels]

Have checked my plugin. I’m using W3 Total Cache. The only thing that is enabled is:

Browser Cache: Enable
Enable HTTP compression and add headers to reduce server load and decrease file load time.

Then in the Browser Cache settings, these things are ticked

Set Last-Modified header
Set the Last-Modified header to enable 304 Not Modified response.

Set expires header
Set the expires header to encourage browser caching of files.

Set cache control header
Set pragma and cache-control headers to encourage browser caching of files.

Set entity tag (eTag)
Set the Etag header to encourage browser caching of files.

Enable HTTP (gzip) compression
Reduce the download time for text-based files.

Prevent caching of objects after settings change
Whenever settings are changed, a new query string will be generated and appended to objects allowing the new policy to be applied.

Don’t set cookies for static files
Removes Set-Cookie header for responses.

Would any of these be causing the problem?

[passportandpixels]

Ok, I’ve published it, password protected. The password is Test.

I’ll leave it up for a bit but will want to remove it if I’m going to ‘launch’ my blog, which I was hoping to do tomorrow.

I will check my plugin and uncheck any image optimisation if there is some, but that wouldn’t explain why it does it to some images and not others, and to the same image sometimes but not other times…

Thanks so much for your help.

[passportandpixels]

Correction, I just uploaded another image and it did it again! I have added this image into the ‘Test’ draft post so you can see.

[passportandpixels]

I would love you to!

Sorry, it’s Bella again – passportandpixels.com

Last night I spent about 4 hours uploading and resizing and reuploading images trying to make it work. I’ve deleted most of the failed attempts but I have created a draft post called ‘Test’. If you can get in there, then you can see an example where I have uploaded the same image twice, once was from last night where it is soft and blurry, and then again just now, it is crisp. Same image. Some of the images I uploaded yesterday also seem to have a weird string of letters added after the filename and some of those ones are less than 100 KB which is clearly why they look so rubbish, but I have no idea why they uploaded like that.

Today it seems to be working ok again.

[passportandpixels]

Hi Zed, thanks so much for your helpful reply.

With the header image problem – I have tried keeping the header image aspect ratio as you suggest, but then I lose the text off the bottom as the text does not also resize. As it currently stands, the text fits perfectly well inside the header image, but the image itself is very wide (stretched) and there is a big gap at the top above the text. The image could definitely be half as tall and the text would still fit, then it would be much closer to the original aspect ratio. But if I click ‘keep the aspect ratio’ then the image becomes much thinner – it would be fine this thin and I think the text would still fit, but for some reason when I do this the text just drops off the bottom.

With the columns. The issue is has not been on mobile devices, it was on the computer. Each post is in its own little box and all the boxes are the same size, so they do fit neatly in rows. But some rows only had 1 or 2 posts in, then there was a big gap, and it started again on the next line. Eg:

Post Post Post
Post
Post Post Post

etc…

When I added a new post, the new one pushed everything down and it went back into neat rows again, but it may do it again next time I add another new post.

Posts should all have the same amount of text, as I have set the excerpt option – it give an except of 50 words. Of course, this may not be exactly the same volume of text if I have used longer or shorter words. Is there an option to have an amount of characters instead? Then the volume of text would always be the same.

Thanks
Bella

[passportandpixels]

An update – I have managed to fix the slider issue (a helpful person on your twitter told me to turn off one of the Jetpack plugin selections).

BUT…
The site is still not displaying properly. On iphone the header image is stretched so it is much taller than it should be and the photo is weirdly stretched.

On computer the posts don’t all line up in neat rows, 3 posts to a row – some rows have just one or two posts in, I cannot work out why.

Please can someone help me? I really want to make my site live and start sharing it with people but I don’t want to do that until it looks right!

Thanks

[Author]

Posts