Switched to Gutenberg, having image sizing problem
-
I am running the Photo Blog theme on a .com site. I size my pictures and add borders to my images before uploading them to get the look and flow I want. I put a bit of work and iteration into getting the UX I want for my site.
My image galleries should look like this one. The header image and the rest are all the same size, all nice and big.
I edited this other gallery since switching to Gutenberg. The header image is correct, but the rest of the gallery is small. I changed the images all to ‘100%’ size in the side bar, but they are still showing up as small. Something is overriding my choice of image size. I tested my site on two browsers.
Any help would be appreciated.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
As it’s a Premium theme, I can’t recreate this, so I’m going to tag staff to see if they can offer any solutions or check if this is a bug. You’ll likely receive a response within a few hours from a staff member.
Thank you for reporting this!
-
Hi dorkvania – Thanks for writing to us. I’ve had a look at the galleries and can see what you’ve described with the cat images.
The percentage options are based on the original size of the image. What you could try is making those images all a uniform size. Although, they do display at the same width, just varying heights. You could try and match the size of the abandoned places gallery.
The top image, the cat on the stone stairs, that’s set as a featured image on the page. That’s why it is a different size from the rest of the gallery.
Was the cat gallery created in Gutenberg start to finish? Or did you switch to the new editor part way through?
-
All the landscape orientated images have the same width in all my galleries: 1230 pixels. The header image should not be displaying differently from the rest of my images, they don’t in any other gallery. I size my images before uploading.
The gallery was made in the old editor. The problem occurred when I went to make a change to the page a saved it.
-
Hi there,
This is a bug with your theme.
On the Modern style pack of your theme that you have active, the theme takes any image and automatically displays it wider than the theme’s content area, up to 1180px wide, provided the image itself is big enough.
However, it does not currently do this with images added inside blocks in the new editor, only with images added using the classic editor. Our developers are aware of the issue, but I cannot give you a timeline on when it might be fixed, so for now you’ll have to use the classic editor if you want the images to automatically display at the wider size.
-
How do I switch back and how long can I keep the old editor? I tried searching and the only info I can see on switching back is for people with access to plug ins.
Also, it is my intention to control the size of my images myself. Is there another theme I should be looking at to have the control I want?
-
Start a new post at My Site ->Blog Posts ->New. Click the three dots in the upper-right corner. The option to switch back to Classic is at the bottom of that options menu.
We’ll support the classic editor on WordPress.com for at least as long as the plugin is supported for the open source WordPress sotfware – currently that is until 2022.
Also, it is my intention to control the size of my images myself. Is there another theme I should be looking at to have the control I want?
You always control the size of your images. This feature that makes the images wider than the content area of the site is unique to the Modern style pack of the Photo Blog theme. Using any of the other style packs in this theme this won’t happen, and it doesn’t happen with any other theme either that I know of.
Just to be clear, on any other style pack for this theme, or any other theme, your posts will look like https://dorkvania.com/cats-of-portland/, which you indicated in your first post is not how you want it.
The way it displays in https://dorkvania.com/abandoned-oregon/ is because of this unique feature of your theme, but which is not supported in the block editor yet.
-
Okay, I am trying to make sense of all of this. On any other theme my pictures will be made smaller that I want them to be?
The only theme that display how I want is photo blog, and it’s not yet supported?
There really isn’t an option for me to just make the pages how I want them to be? Take a block and say ‘have text be like this’ and then take a block and have it be my my image how I want. Is there a way to not have something overriding my choices?
-
On any other theme my pictures will be made smaller that I want them to be?
No. On any other theme your pictures will display at the size you add them, within the confines of the width of the theme’s content area – if the content area of the theme is 800 pixels, even if you add an image at 2000 pixels it will only display at a maximum of 800 pixels.
This is what’s happening with your post at https://dorkvania.com/cats-of-portland/ – the theme’s content area is 624px wide, so your images are displaying at 624px wide, even though your actual image files are around 1200px wide.
This is the default behaviour of any theme.
Photo Blog has a special feature. If you specifically select the Modern style pack for this theme, it shows images wider than the 624px content width of the theme, and show them at 1080px instead. However, this currently only works with the classic editor, not with images added in the block editor.
The theme has several different style packs you can choose between in the Customizer, each one changing the look of the theme a bit.
- The topic ‘Switched to Gutenberg, having image sizing problem’ is closed to new replies.
WordPress.com Forums 