How to resize images in wordpress post

Hi Vegard,

Please provide some more details. We need a link to the page where we could see the problem with the image. We may also need your theme exported as a Project to review the settings.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Thank you for the quick response.
The link to the page is: http://www.beerbq.no/. I've added an image at the bottom on the last post "chiliscampi", as an example of what I mean.

Just let me know if you need the theme

Regards
Vegard

Last edited 01 March 2019 by vegard2

Hi Vegard,

Looks like the problem is related to the fact that the image was added in the post within the WP editor and that added the fixed width to the image. Please check if you can edit the width of the inserted image inside the WP editor. If that does not help, I can provide custom code to resize the image correctly in the responsive views.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi

I found this code which I used, by putting it under “Appearance > Editor” > Extra CSS:
img {

width: 100%;

height: auto;

}

And that worked just fine for images that had full width, but for images that was scaled down, it blew them up to 100% of the full width of the theme..
So, yes please if you have another code, I would be grateful if you could provide it.

Sincerely
Vegard

Hi Vegard,

Actually I was talking about the same code with the 100% width. Please let me know with what exact images this code does not work. An example link will be helpful.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Great minds think alike, they say :)

The problem is not that the code does not work on any image, the problem is that it overrides images that are added in the text with "Medium size 225x300". like the first image in my chiliscampi-post, where lemon is being squeezed over the scampi.

Sincerely
Vegard

Hi Vegard,

You can also try something like this:

  @media (max-width:784px)
 {
 .u-post-content img {

  max-width: 100%;
  height: auto;

}
 }

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Thank you for the tip. It seems like "img {..."-code was the best solution.

Regards
Vegard

Hi Vegard,

You are welcome. Feel free to contact us in any occasion.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi

An interesting observation on this issue, is if I add imagetext to the images, they are shown in the desired dimensions.

Regards
Vegard

Hi Vegard,

Interesting behavior, I hope that it will help you with the images size issue.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp