On all browsers on my iPhone, these images are off center using the default template.

Am I doing something wrong?

Edited May 8May 8 by Chris027

They look to be to be intentionally left aligned. What page is that? Is it a stream? The main page listing?

52 minutes ago, Marc said:

They look to be to be intentionally left aligned. What page is that? Is it a stream? The main page listing?

It's the main page on my new v5 install that I'm prepping for a move from v4

I can't get the images to look like this on any desktop browser, no matter how I resize it. I also don't know how to change the default alignment of these.

Maybe it's a safari / webkit thing. I opened Safari on my Mac and see this now.

Before we go any further please could you test this on a default theme with no 3rd party edits at all. I know you have a lot of CSS edits you have mentioned around the site, and want to make sure its not one of those affecting things in the first instance.

20 minutes ago, Marc said:

Before we go any further please could you test this on a default theme with no 3rd party edits at all. I know you have a lot of CSS edits you have mentioned around the site, and want to make sure its not one of those affecting things in the first instance.

I just created a new theme, left everything default, switched to the theme and it's the same.

Looks like the images aren't big enough to fill the container and they are left aligned. Is this using a default template in Pages?

8 minutes ago, Jim M said:

Looks like the images aren't big enough to fill the container and they are left aligned. Is this using a default template in Pages?

Default everything. They align perfectly in all other browsers

I just uploaded a photo that's 4032 x 3024 and it's still left aligned.

unfortunately, I can’t reproduce this. Could you please provide the url?

In Safari, I can resolve the issue by disabling the gap in the css show here. Perhaps that gives you more info. I'd rather keep the url private for now, but will share with you via PM or something if that's possible. Or just look at my account for my new v5 cloud site.

Here's more info.

We would need the link to diagnosis further.

You're welcome to send me a PM with the URL if you like. I should be able to help from there 🤝

1 hour ago, Ehren said:

You're welcome to send me a PM with the URL if you like. I should be able to help from there 🤝

Done. Thank you.

Thanks, that's helpful!

If you add this to your Custom CSS area, does it help?

.ipsCmsEntries__primary{
	grid-column: 1 / -1;
}

14 minutes ago, Ehren said:

Thanks, that's helpful!

If you add this to your Custom CSS area, does it help?

.ipsCmsEntries__primary{
	grid-column: 1 / -1;
}

Yes, that solves it.

Actually, add this too. This will ensure small images (like your Lorem Ipsum one in the last row) stretch to the full width:

.ipsCmsEntries__thumb .ipsThumb{
	width: 100%;
}

Perfect.

Great! I've applied these changes to the next update, so you won't need the Custom CSS code in the future.