css - Styling the new twitter widget (embedded timeline) -


Some days / weeks ago, some of my sites' Twitter widgets stopped pulling through the data properly, version 2 The Twitter widget is deprecated, and the new embedded timeline widget is the only way, apparently.

Except that this new widget creates an IFrame, which prevents a custom from the style of the widget - such as font family, font size, color, etc. from its own stylesheets. Settings.

Is there any remedy? What I am reading, you can not apply / inject styles in an iframe, and I can not find any API-method to do this.

I also want to limit the widget to just 3 most recent tweets; To make sure it is now possible, and to remove vertical scroll bar (possibly related to limiting tweets). Instead of targeting individually in jQuery elements, you have some inline CSS style iframe

, so the new material loaded by the "Show more" button also, for example: to remove avatar images:
  $ ("iframe # twitter-widget-0"). material (). Search ('head'). .append ('& lt; style & gt; img.u-photo.avatar {display: none! Important;} .header.h-card.p- Authors {padding-left: 0;}  waituntilexists.js  plugin when the content is added to the DOM instead of the Setimemo ():  

So we are :

  $ ("iframe # twitter-widget-0") Wait for the input (function () {$ ("iframe # twitter-widget-0"). Content (). 'Head'). ('& Lt; style & gt; img.u-photo.avatar {display: none! Important;} .header.h-card.p- Authors {padding-left: 0;}    

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -