Displaying images in the Twitter module

Get Help
1

I’ve got the twitter module displaying text and images but the images don’t scale to fit in the region so you can only see a small part of any attached image. I’m just using the default styling that comes with [photo]. So this:

.item{margin-top:20px}div.profileimage{width:10%;display:inline-block;vertical-align:top;position:relative;overflow:hidden;margin-left:2%}div.profileimage img{width:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:5px solid #ecf0f1;position:relative}div.message-container{width:80%;display:block;position:relative;padding-left:20px;vertical-align:top;display:inline-block}.message-container .user{font-weight:700;display:inline-block;margin-bottom:.2em;color:#95a5a6}.message-container .date{float:right}.message-container .photo{text-align:center}.message{width:100%;padding:.5em 1em;padding:20px;background-color:#ecf0f1;position:relative;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;text-align:left;display:inline-block}

I know I can’t change image size with css, but I’m just wondering is there any way other than making the region bigger that will get the twitter feed to fit. Thanks.

2

Fixed it, I changed .photo to .photo img

3

Hi,
I’ve the same trouble for displaying animated gifs embedded in a post.

The profile image is ok, i’ve suppressed the border-radius and changed its size with this css;
div.profileimage img{width:144px;height:144px;border:5px solid #ecf0f1;position:relative}

But if a post is embedding an animated gif, treated by Twitter as a video:

<video src="https://pbs.twimg.com/tweet_video/CS4j6ZyWwAAl1s9.mp4" name="media"
  class="animated-gif" data-media-id="661505681531518976" data-height="" data-width=""
  poster="https://pbs.twimg.com/tweet_video_thumb/CS4j6ZyWwAAl1s9.png" loop="">
<source src="https://pbs.twimg.com/tweet_video/CS4j6ZyWwAAl1s9.mp4" video-src="https://pbs.twimg.com/tweet_video/CS4j6ZyWwAAl1s9.mp4" type="video/mp4" class="source-mp4">
</video>

Nothing is displayed except the link pic.twitter.com/YvxdRQprkd that replaces the animated gif.

4

Could you explain for newbies how to fix this issue?