Explicit Width & Height | ww.wp.xz.cn

solsalute
(@solsalute)

5 years, 1 month ago

hello!

I have a WP Show Posts grid set up on my homepage to show the most recent posts, and on my Page Speed Insights results it gives me the following error regarding the featured images that are being pulled for the Show Posts grid:

Image elements do not have explicit width and height
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn more

Any tips on how to fix it? I do have the image sizes set in the show posts settings…

The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support Elvin
(@ejcabquina)

5 years, 1 month ago

Hi there,

Please see my answer here on how to tackle this issue:

https://wpshowposts.com/support/topic/width-height-psi-warning/#post-27115

Thread Starter solsalute
(@solsalute)

5 years, 1 month ago

Thanks!! I put the CSS in and the spacing is off. The images are stuck together and the texts (titles and excerpts) overlap. I removed the CSS but have a screenshot, how can I tweak the CSS to get 300×300 with the spacing/margins that show up as it is now?

Plugin Support Elvin
(@ejcabquina)

5 years, 1 month ago

I don’t think it’s possible to fit or show thumbnails in actual 300pxx300px as the number of columns won’t allow for it.

300×5 = 1500.

It exceeds your content width which is around 1100px. At best you can get to fit 180px, considering the margins and padding.

If you mean to actually resize the image file to a 300×300 size/dimension, you’ll have to register an image size for it.
https://developer.ww.wp.xz.cn/reference/functions/add_image_size/

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Explicit Width & Height’ is closed to new replies.

Tags

page insights

3 replies
2 participants
Last reply from: Elvin
Last activity: 5 years, 1 month ago
Status: not resolved