Bliss07

Hello @nm1com – Thank you for your detailed answer, that piece of css code has worked smoothly!

I have actually changed the object-fit to “scale down” rather than “cover”, that was the result I wanted to achieve initially.

Again, thank you for your help.

Cheers!

@eulerarthur True. I have followed your suggestions and I was able to modify the image. However, I can’t find the class that would reduce the image height without making it look too squashed.

I have made some research, trying to find the different style available but I couldn’t find the right one: https://codex.www.ads-software.com/Styling_Images_in_Posts_and_Pages

@eulerarthur – No I haven’t tried to assign a class. Unfortunately, I have no idea how to achieve that, I will do some research and see if there is something that can help me in that sense.

@nm1com – That guide seems to address the issue I am facing. I will check it out for sure, even though I was looking for some straightforward solution, like a quick change in the CSS code.

Hello @obt28,

It occurs when I create a new page. I’ve used only one browser so far, chrome.

I have these icons all over the editor, even if creating a new blank page.

Any idea? Could it be the theme I am using? I know that wordpress has changed the HTML markup of the Gutenberg columns without any fallback.

• This reply was modified 4 years, 8 months ago by Bliss07.

True, it works by using the options in the right column. I should have looked at that before, foolish me.

Do you also happen to know how to adjust the margin of each block? Now, if you see the page, the size is fixed but the blocks that contain the images have a lot of space between each other. I would like to have them on the same line as shown here https://ibb.co/jZVsL5f

Thank you.

Hello lamar,

I have set the dimension as you suggested and it looks a little better, even though there are still some images slightly smaller than others. But the problem occurs when I want to choose the dimension for them (I would prefer to have the measures smaller) it doesn’t display the size as I have customized in the editor. When I publish the page, it gives a random dimension to the last few images while in the editor the dimensions remain as I set them.

Also, if you see the page now, the images dimension look “fine” but the header text (bottom of the page) is almost overlapping and it doesn’t go to the line below even if I have moved it down in the editor (it looks fine there). I really don’t get all this formatting mess.

Later I will try to align-center the pictures with the text below and see if I overcome this formatting/cosmetic issue, align-left messes up the whole page format, apparently.

Do you happen to have another idea of what it could be?

Thank you for your support, by the way.

Cheers!

• This reply was modified 4 years, 10 months ago by Bliss07.

It works! By adding one of these two lines of CSS, the images are not floating anymore.

(However, the images have still different sizes despite I have set them with the same dimension. I will investigate on that now otherwise I’ll open a new topic if I can’t find it in the old ones).

Thank you for your assistance Joy!

• This reply was modified 4 years, 11 months ago by Bliss07. Reason: grammatic change

The thing is that I have set all the images with the same size but when publishing the system changes it randomly and honestly I don’t know why. Again, in the page editor it look fine.

I am going to make the customization as you suggested, now and see if that fix the problem.

Thanks

True! You are right. I should have investigated a little more. Anyway, thank you for your help Steve.

Cheers!

https://imgur.com/NCe9kIW – This is what I see in the dashboard
https://imgur.com/wbFYeoB – This is the nav menu of my homepage

I did but no luck. I have also checked with different browsers but I still don’t see them.

Topic is still up!

Any suggestion?

Up

Hello there,

Here is my index.php, also the functions.php

Please let me know if you need more details.

Thanks!