Unable to customize images

• 

  whatthefood143 · Member · Apr 11, 2019 at 8:03 pm

  • Copy link
  • Add topic to favorites

  Hey team,

  I am trying to add 3 pictures(each image one blog) in a line with same height and width, however, one image(first image) appears to be little distorted./ How to resolve?

  The blog I need help with is: (visible only to logged in users)

• 

  whatthefood143 · Member · Apr 11, 2019 at 8:04 pm

  • Copy link

  Please find the link here: https://foodrecipes916837306.wordpress.com/?page_id=42&customize_changeset_uuid=73e9e3be-0672-446d-9166-5eee820c80cd

• 

  justjennifer · Member · Apr 12, 2019 at 10:27 am

  • Copy link

  Hi there, your site at foodrecipies hasn’t been launched yet so I’ve flagged this thread for Staff attention. Thanks for your patience while they get back to you.

• 

  gemmacevans · Member · Apr 12, 2019 at 12:09 pm

  • Copy link

  Hi whatthefood143,

  Hummm, you’re right. All three images are an identical height and width but the first one sits higher than the others.

  I’ve tried replicating this with the image block on my end but haven’t been able to — all three of the images sit in a straight line. Can you send the exact steps you worked through to add the three images? I’ll then do some more testing to see if I can work out what is happening.

• 

  gemmacevans · Member · Apr 12, 2019 at 12:13 pm

  • Copy link

  Can you also confirm whether you are using the new interface?

  https://wordpress.com/pages/foodrecipes916837306.wordpress.com

  Or the classic WP Admin dashboard to edit the page?

  https://foodrecipes916837306.wordpress.com/wp-admin/edit.php?post_type=page

• 

  whatthefood143 · Member · Apr 12, 2019 at 10:18 pm

  • Copy link

  Hi there

  Thanks for your reply.

  Firstly, let me answer your first question- I am using the new interface.

  Secondly- steps as requested

  1.I have added an image block

  2.add the image

  3. click and on image and change the width and height on the right hand side tab

  4. I did this until all the 3 images are of same height and width in the editing mode when I go to the preview mode, the first image moves a bit higher.

  Please assist

• 

  staff-zinnia · Staff · Apr 13, 2019 at 12:57 am

  • Copy link

  Thanks. Which browser are you using and the version number? I will use your exact set up to try and replicate the display that you’re getting.

  It’d be worth clearing the browser cache too and seeing if that makes a difference.

• 

  whatthefood143 · Member · Apr 13, 2019 at 10:18 am

  • Copy link

  Google chrome
  Version 73.0.3683.103 (Official Build) (64-bit)

• 

  kokkieh · Staff · Apr 13, 2019 at 11:24 am

  • Copy link

  Hi there,

  Have you made changes to the page since starting this thread? As I don’t see what you describe at all.

  On that page I see a gallery with three images, all of them the same height. And below that I see only two image blocks, with the same image at two different sizes. No image appears distorted to me.

  I see this at both the preview link you provided above and if I view the page in the editor, so it’s not clear if you still need help with this, or what exactly you need help with.

  I would recommend using an image gallery rather than individual image blocks if you want to arrange images in a line like this. Or otherwise, try resizing the images in an image editor like Photoshop to exactly the same size before you upload them to your site and see if that makes a difference.