Is there a way to style embedded tweets (i.e. background and font color)?


#1

I want to use embedded tweets for a webpage I’m designing, but the default colors (bright white) clash against my site’s background, which is a dark gray. However I don’t see any way to style embedded tweets except for their size and position on the page.


#2

There’s no way to customize that element of embedded tweets.


#3

Well, you can style it with css. You just need to override their !important rules with your own !important rules, and make sure to use more specific cascade selectors so that they will take precedence (since twitter’s styles are added to the DOM after your own page css).

Unfortunately, a lot of those styles are very complicated/heavy, so it’s not going to be super-simple. I’ve been playing with it to see if I can get it to play nicely at mobile widths, and so far, no dice. I think twitter is to some extent elevating the cause of consistent brand-look above ease/usability in this case.


#4

hagafa


#5