How to resize images in wordpress post

vegard2
7 Posts
vegard2 posted this 01 March 2019

Hi

I'm having issues with images not resizing when it is added in a post in wordpress. Is there some settings in Nicepage that I need to do?
When I'm looking at my wordpress blogg on a computer the images shows just fine, but when I'm looking at it on a mobilephone the images does not resize, and shows in full size.
Should I add the image in a container?

Regards
Vegard

Hi I'm having issues with images not resizing when it is added in a post in wordpress. Is there some settings in Nicepage that I need to do? When I'm looking at my wordpress blogg on a computer the images shows just fine, but when I'm looking at it on a mobilephone the images does not resize, and shows in full size. Should I add the image in a container? Regards Vegard
Vote to pay developers attention to this features or issue.
11 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 01 March 2019

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

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
vegard2
7 Posts
vegard2 posted this 01 March 2019

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

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

Support Team
Support Team posted this 04 March 2019

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 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
vegard2
7 Posts
vegard2 posted this 04 March 2019

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 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
Support Team
Support Team posted this 05 March 2019

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

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
vegard2
7 Posts
vegard2 posted this 05 March 2019

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

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][1]-post, where lemon is being squeezed over the scampi. Sincerely Vegard [1]: http://www.beerbq.no/chiliscampi/
Support Team
Support Team posted this 05 March 2019

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

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
vegard2
7 Posts
vegard2 posted this 06 March 2019

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

Regards
Vegard

Thank you for the tip. It seems like "img {..."-code was the best solution. Regards Vegard
Support Team
Support Team posted this 06 March 2019

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 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
vegard2
7 Posts
vegard2 posted this 05 April 2019

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 An interesting observation on this issue, is if I add imagetext to the images, they are shown in the desired dimensions. Regards Vegard
Support Team
Support Team posted this 05 April 2019

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

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
You must log in or register to leave comments