Remote Image Size

[Bill Edwards]

Dear All

We limit image size on our forum to 800x600

Someone just posted some remote images that far exceeded our maximum. I thought they were controlled by our maximum, but evidently not.

How can I limit the size of remote images?

Any help gratefully recieved.

Many thanks

Bill

[Nathan Explosion]

Depends how it was added:

1. Auto-embed (ie url pasted in, image is automatically displayed) adheres to the setting.
2. 'Insert image from url' doesn't adhere to the setting.

A bug was logged:

 

[SaltyBart]

You don't... 

I have it report as a bug, no reaction from ips.

I think its not important enough for ips, its a important thing for us because or members use thise a lot. (does not look good now on the post)

YouTube and images are most post things on my forum.

But maybe same day ips will fix it, on ips 3 was this not a problem.

 

 

[Adlago]

This solution works. Add in your Custom CSS:

.ipsType_richText img {    
 max-width: 80% ;
}

Choose 'xx %' and you have the appropriate size for your image.

[SaltyBart]

15 minutes ago, Adlago said:

This solution works. Add in your Custom CSS:

.ipsType_richText img {    
 max-width: 80% ;
}

Choose 'xx %' and you have the appropriate size for your image.

@Adlago

Thank you very much! 

We appreciate it very much!!!

[Bill Edwards]

20 minutes ago, Adlago said:

This solution works. Add in your Custom CSS:

.ipsType_richText img {    
 max-width: 80% ;
}

Choose 'xx %' and you have the appropriate size for your image.

Thanks for your input, but I'm not very clever

Doesn't that set a percentage size? How would I set a pixel size? (800x600)

[TAMAN]

1 minute ago, Bill Edwards said:

Thanks for your input, but I'm not very clever

Doesn't that set a percentage size? How would I set a pixel size? (800x600)

like this 

.ipsType_richText img {    
  max-width: 800px;
  max-height: 600px;
}

 

[Adlago]

Better is to use%. Thus, maintaining the proportion at different resolutions displays.

[Bill Edwards]

15 hours ago, TAMAN said:

like this 

.ipsType_richText img {    
  max-width: 800px;
  max-height: 600px;
}

 

Thanks for the input, however, unfortunately that breaks the photo size on mobile devices

[TAMAN]

14 minutes ago, Bill Edwards said:

Thanks for the input, however, unfortunately that breaks the photo size on mobile devices

You can also add this to custom.css and the value will only be applied for screens that are 767 pixels wide or smaller.

@media screen and (max-width: 767px) {
   .ipsType_richText img {    
      max-width: 800px;
      max-height: 600px;
   }
 }

Change the value to whatever you want but add it to the END of your custom.css 
    

 

[Adlago]

Use 85%. In 1200 px wide display your image will have the width 787px. Will work correctly in mobile.

 

[Jorijn Schrijvershof]

On February 06, 2016 at 11:17 PM, Adlago said:

This solution works. Add in your Custom CSS:

.ipsType_richText img {    
 max-width: 80% ;
}

Choose 'xx %' and you have the appropriate size for your image.

 

This one did it for me. Thanks a lot!

[Jorijn Schrijvershof]

On February 07, 2016 at 3:43 PM, Bill Edwards said:

Thanks for the input, however, unfortunately that breaks the photo size on mobile devices

Then add a qualifier for mobiles:

@media (min-width: 600px) {
.ipsType_richText img {    
      max-width: 600px;  <--- or  whatever you want
      height: auto; }
} 

[ric4rdo]

On 06/02/2016 at 8:17 PM, Adlago said:

This solution works. Add in your Custom CSS:

.ipsType_richText img {    
 max-width: 80% ;
}

Choose 'xx %' and you have the appropriate size for your image.

 

Thank you for your help!

I would know how to do it with MEDIA ? If I set the ACP video is always on the left side of the post.

[Adlago]

7 minutes ago, Berg. said:

 

Thank you for your help!

I would know how to do it with MEDIA ? If I set the ACP video is always on the left side of the post.

Video center - see this