GIF Comment Cropped - wpDiscuz GIPHY Integration

RE: GIF Comment Cropped

Ferdinand Rodriguez — Mon, 04 Apr 2022 22:04:36 +0000

@astgh Genius! it worked! Thanks :) You can mark this thread as resolved

RE: GIF Comment Cropped

Astghik — Mon, 04 Apr 2022 11:48:03 +0000

@ferdinand-rodriguez,

Could you please add this one?

@media screen and (max-width: 600px){
   .wpdiscuz-giphy-embedded-gif-wrapper.wpdiscuz-giphy-full-gif {
       width: 100% !important;
   }
}

RE: GIF Comment Cropped

Ferdinand Rodriguez — Mon, 04 Apr 2022 11:42:51 +0000

I've removed it. Now I've added it back as follows (your original css):

@media screen and (max-width: 600px){
     .wpdiscuz-giphy-embedded-gif-wrapper.wpdiscuz-giphy-full-gif {
         width: 100%;
     } 
}

RE: GIF Comment Cropped

Astghik — Mon, 04 Apr 2022 11:38:16 +0000

@ferdinand-rodriguez,

Please let us know if the code is already added or you've removed it?

RE: GIF Comment Cropped

Ferdinand Rodriguez — Sat, 02 Apr 2022 23:53:35 +0000

By the way, I've tried changing the short code width to '320' and it worked. However, I doubt my users will know to do this. Is there a way to set it automatically?

Using the short code below and changing width to 320 did not work.

@media screen and (max-width: 320px){
     .wpdiscuz-giphy-embedded-gif-wrapper.wpdiscuz-giphy-full-gif {
         width: 100%;
     } 
}

RE: GIF Comment Cropped

Ferdinand Rodriguez — Sat, 02 Apr 2022 22:49:21 +0000

Sorry same thing happened.

The short code that appeared is as follows:

I see that the width is only 480 and the width of 600 still appears cropped. Should I use a lower number? Thanks!

RE: GIF Comment Cropped

Astghik — Sat, 02 Apr 2022 09:04:10 +0000

@ferdinand-rodriguez,

Please use the CSS code below:

@media screen and (max-width: 600px){
     .wpdiscuz-giphy-embedded-gif-wrapper.wpdiscuz-giphy-full-gif {
         width: 100%;
     } 
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

RE: GIF Comment Cropped

Ferdinand Rodriguez — Fri, 01 Apr 2022 18:51:16 +0000

@astgh Here’s the link: https://themislabeledspecimen.com/lab-questions/weirdest-specimen-containers/

Thank you

RE: GIF Comment Cropped

Astghik — Fri, 01 Apr 2022 08:43:54 +0000

Hi Ferdinand Rodriguez,

Please leave an example URL where we can see the issue.

GIF Comment Cropped

Ferdinand Rodriguez — Thu, 31 Mar 2022 15:12:44 +0000

Hello. the GIPHY Integration works great except some wider GIFs are cut off in mobile. Is there a way to make it zoom to fit instead of being cropped? When I rotate my phone to landscape, it looks great. Portrait mode, it gets cut off. Please see screenshot. Thanks!

5973