Styling the new twitter widget (embedded timeline)

by

Instead of targeting individualy the elements with jQuery you can try to inject some inline css style into the head of the page loaded inside the iframe, so new content loaded by the “show more” button will also be changed :

for example to remove avatars pictures :

$("iframe#twitter-widget-0").contents().find('head').append('<style>img.u-photo.avatar{display:none !important;}.header.h-card.p-author{padding-left:0;}</style>');

I use the waituntilexists.js plugin to detect when the content is added to DOM instead of the setTimeout(): https://gist.github.com/buu700/4200601

so we have : 

$("iframe#twitter-widget-0").waitUntilExists(function(){
    $("iframe#twitter-widget-0").contents().find('head').append('<style>img.u-photo.avatar{display:none !important;}.header.h-card.p-author{padding-left:0;}</style>');     
});

More Related Contents:

  1. Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  2. Padding for Inline Elements
  3. Create leading dots in CSS
  4. CSS3 animation not working in safari
  5. Why the CSS calc() function is not working? [duplicate]
  6. Flushing footer to bottom of the page, twitter bootstrap
  7. Should I use single or double colon notation for pseudo-elements?
  8. How to make Internet Explorer 8 to support nth child() CSS element?
  9. @Media min-width & max-width
  10. What do these double-dash-prefixed CSS properties do? [duplicate]
  11. Actual table Vs. Div table
  12. Creating CSS Global Variables : Stylesheet theme management [duplicate]
  13. How to vertically middle-align floating elements of unknown heights?
  14. css framework for an app with existing stylesheet
  15. Browser support for CSS :first-child and :last-child
  16. Background with 2 colors in JavaFX?
  17. Apply different css stylesheet for different parts of the same web page [duplicate]
  18. Using background-attachment:fixed in safari on the ipad
  19. How to create the masonry effects with just bootstrap 3 grid system and css
  20. How can I change the order of Bootstrap columns?
  21. Why put in front of the file name “_” or “_” in scss/css?
  22. CSS: 100% font size – 100% of what?
  23. Creating an Isoceles Trapezoid shape
  24. Wonky text anti-aliasing when rotating with webkit-transform in Chrome
  25. ClearFix vs Overflow [duplicate]
  26. Why doesn’t height: 0 hide my padded , even with box-sizing: border-box?
  27. CSS transition between left -> right and top -> bottom positions
  28. does a background-attachment of fixed work in iOS5?
  29. URLs within CSS files broken with Grails resources plugin 1.2.7
  30. How to override stylesheets of PrimeFaces? [duplicate]

Leave a Comment