Gutenberg Integration

Hi @ulim,

I hope you are doing great.

Now regarding your request, I was unable to replicate your issue on the clean installation of the Primer theme. Can you please provide more details(have you tried disabling plugins, replicating the issue on a different theme)

Also, are you using a child theme, and is your Primer theme up to date?

Before checking, make sure you have a backup just to keep you safe.

If the issue is with the Primer theme, please provide screenshots confirming issues and a link to the page on which you are experiencing issues.

I will then try to replicate the same layout you use to see what can be done.

Have a nice day,
Andrija

Hi @gdandrija,

I have installed WordPress from scratch and done nothing else but install the Primer theme.

Here is the page:
https://www.top100golfcourses.de/wordpress/index.php/beispiel-seite/

And here is the screenshot how it looks in the Gutenberg editor:
https://abload.de/image.php?img=screenshotruju7.jpg

As you can see, I have made the image wider in the editor, but no matter how I scale it (wider or narrower), it is always the same size on the page.

Kind regards,
Ulrich

Hey @ulim,

Thank you for the update, this seems quite odd. Let’s see if we can narrow it down a bit more.

Can you please try using the default theme just so you could see if you can replicate the issue on the other theme?

Here is the screenshot showing how image scaling should work on a clean installation:

https://drive.google.com/file/d/1KwslYvzg2xVmXqqfVHKg_NdybavaX7QR/view

Note that dimensions of the image in the editor and on the actual page are different due to styling. But images do respond to scaling.

Make sure also that you are using the latest versions of WordPress and Primer theme.

Also, one thing I forgot last time, is your website using a caching system(or your hosting provider) Could be cache related.

I hope this helps, have a nice day,
Andrija

Hey @gdandrija,
Thanks a lot for your help. What your video shows is exactly what I’m after ??

I changed to the 2020 theme and, as you can see now, I was able to produce a full-width image of the kangaroos:
https://www.top100golfcourses.de/wordpress/index.php/beispiel-seite/

And on another page I could scale the same image to the full width of the text column:
https://www.top100golfcourses.de/wordpress/index.php/datenschutzerklaerung/

When I switch back to Primer the following happens:
– The full page width image goes to full width of the text column
– the full text column width image goes to somewhat smaller (about 1-2 em margin on both sides)

By the way, any image smaller than text column width remains exactly that size, so the scaling seems to work in general, just not when I want to go full text column width or more.

I am using the latest versions of WordPress and Primer, as I did install both of them from scratch. I’m also not using a caching system (I’m pretty sure of that because I self-host).

Hey @ulim,

Thanks again, now I understand what you were referring to.

There are some styling differences definitely and the margin applied to elements entered using Gutenberg seems to be the culprit.

I informed our developers so they could see what can be done, you can track the progress on the link below:

https://github.com/godaddy-wordpress/primer/issues/318

Thanks for reporting this, have a nice day,
Andrija