Notifications
Clear all

Embeds not displaying properly (Twitter, Instagram, YouTube)

8 Posts
2 Users
0 Reactions
1,397 Views
Posts: 11
Customer
Topic starter
(@nate-lundy)
Member
Joined: 2 years ago

Trying to get Embeds working, and all 3 of our current tests are not displaying properly:

Embeds settings: https://go.benish.io/qgWJHKP7

You can see these examples at: https://ds.milehighsports.com/2023/03/23/preview-nuggets-finish-road-trip-against-wizards/#comments

7 Replies
Astghik
Posts: 6152
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi Nate Lundy,

Do you have other embedding plugins? 

Reply
Posts: 11
Customer
Topic starter
(@nate-lundy)
Member
Joined: 2 years ago

Nope, no other embed plugins.

Reply
Posts: 11
Customer
Topic starter
(@nate-lundy)
Member
Joined: 2 years ago
Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6152

Nate Lundy,

Please use the CSS solution below: 

#wpdcom .twitter-tweet.twitter-tweet-rendered {
   max-width: 100% !important;
}
#wpdcom iframe.instagram-media.instagram-media-rendered {
   min-height: 950px;
}
.video iframe, .video{
    height: auto;
    min-height: 450px;
}

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Don't forget to delete the caches before checking.

Reply
Posts: 11
Customer
Topic starter
(@nate-lundy)
Member
Joined: 2 years ago

That seems to have got the Twitter embed working, but:

Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6152

@nate-lundy,

Add this code as well:

#wpdcom .wpdiscuz-embed-wrapper iframe{
    max-width:none !important;
    width: 88% !important;
}
#wpdcom iframe.instagram-media.instagram-media-rendered {
    min-height: 850px;
}
@media screen and (max-width: 600px){
    #wpdcom iframe.instagram-media.instagram-media-rendered {
       min-height: 530px;
    }
     #wpdcom .video, #wpdcom .video iframe{
         min-height: auto;
   }    
}
Reply
Page 1 / 2
Share:
Scroll to top