Embedded Timeline - More customization? (Specifically: CSS customization)

spwd83 · 2013-04-01T14:42:05.000Z

Does anyone know if there is a way to disable the scrollbar? (Styling a container div doesn’t work for the scollbar)

And also to display a set number of tweets only? e.g. the last 2 of your feed.

Any help would be appreciated.

rjthompsonmusic · 2013-04-01T15:11:58.000Z

this is what I need to know too

ILovePetsmedia · 2013-04-03T03:52:17.000Z

Sad state of affairs! I have added the ‘transparent’ command, yet I cannot get rid of the background color from the main container. It seems to only add the allowtransparency=‘true’ to the iframe…
If this is the best they can do, we shall not be including any twitter feeds for any of our clients sites in the future. Seriously, only a dark or light option for the background!
What about a transparent option.
How much time are we supposed to waste trying to make this thing look right!
Twitter may have some great budget to work woth but in an economy where we are trying to compete with truckloads of work being outsourced overseas, this is no help to us as all.
Common twitter, dont end up being the ‘twitts’ of the internet…
I doesn’t seem that long ago that I had to fix up all the feeds from the last change! This time I’ll just be removing them!!

ILovePetsmedia · 2013-04-03T04:38:00.000Z

This still works!

spwd83 · 2013-04-03T23:06:00.000Z

The transparent command worked for me.

data-chrome=“noheader nofooter transparent”

e.g.

Tweets by YOUR NAME

Hope this helps.

Just can’t seem to get rid of the ugly scrollbar…

susan_rietveld · 2013-04-05T20:52:30.000Z

At least solve the problem for limiting the number of tweets and give the option of not show the profile image and profile name for each tweet!

NelsLourenco · 2013-04-09T18:41:00.000Z

I’ve exhausted the customization options allowed for by https://dev.twitter.com/docs/embedded-timelines

Unfortunately, the new API does not allow for customization of the “color” attribute of non-linked text. Basically, all the text that is gray and black on my example screen shot http://i.imgur.com/6RUYCf3.png?1

Does anybody know how to target those classes? Unfortunatelym the documentation does not specify a dataset for non-link text, nor am I able to override the default css with my own.

NelsLourenco · 2013-04-09T18:42:00.000Z

Below is the code I am using to generate the widget as seen linked in my previous post…

Tweets by @rekhasthreading

TravisJBurrell · 2013-04-09T20:32:17.000Z

+1 for:

limiting the number of tweets pulled in
removing the user icon

NelsLourenco · 2013-04-11T19:57:23.000Z

I’d also like to have the ability to get rid of the scroll bar and/or limit the number of tweets shown (the latter is preferable). As you can see from the example screenshot, a scrollable container with a transparent background inside an already compact container div looks ridiculous.

benward · 2013-04-10T03:59:20.000Z

There’s no way to override specific colours, but you can swap between the text-colour for dark/light backgrounds by using the data-theme=“dark” toggle, which might give better contrast on the darker coloured background.

NelsLourenco · 2013-04-11T19:54:16.000Z

I don’t understand Twitter’s objection to being able to change the text-colour when in essence we already could control the color of the background by using data-chrome=“transparent”

HavocJewel · 2013-04-24T10:26:03.000Z

I don’t believe within the embed itself. You could try using the style to turn your “overflow” to “hidden” but I have yet to actually test anything since the new migration to 1.1. I’m just browsing through potential fixes and discussions so far.

sheppard_si · 2013-05-07T12:46:07.000Z

You can limit the number of tweets by adding data-tweet-limit=“1” to the tag. Still can’t figure out how to remove the user icon.

vimes1984 · 2013-05-12T10:51:00.000Z

i have found a ksort of work around: just append your own stylesheets to the iframe once it’s loading locally in the dom:

stackoverflow.com

How to apply CSS to iframe?

html, css, iframe

asked by John on 08:27AM - 20 Oct 08

benward · 2013-05-14T00:19:39.000Z

Hi Chris,

Although it is possible to inject additional content into the frame, I would strongly discourage it for a couple of reasons: Firstly, although the frames are presently rendered on the same host as your parent page, we also don’t display any user-identifiable information in the timeline. If we add features in the future that depend on a Twitter user’s identity, we will likely change the frame to load from a twitter.com subdomain instead, to protect a user’s identity. In that scenario, the injection will cease working and you’ll run into a cross-domain communication error.

Similarly, we’re keen to embrace lighter-weight forms of sandboxing the styles than iframes once Web Components, css reset:all and any other options stabilise and gain browser support.

We’ve added more customisation options for working with custom backgrounds, hiding scrollbars, and for limiting the number of tweets: https://dev.twitter.com/docs/embedded-timelines

Webatelje · 2013-05-17T10:45:00.000Z

I tried to set data-link-color="#6DE9FF" but with no luck, also I tried to change it in the widget settings but nothing happened … links are still all same dull grey … here is my embed code …
Tweets by @Webatelje

Everything else works fine … nofooter noborders noscrollbar transparent work great and so on …

Help Please !!!

benward · 2013-05-17T18:10:21.000Z

Hi,

Just tried your embed code locally and the links seem to change blue as expected. Note that when you include chrome=“transparent” the Tweet action icons and icons will always be grey, since the masks used for the stock white/grey backgrounds aren’t dynamic.

Ben

webrightnow · 2013-06-02T11:15:54.000Z

It seems Twitter are (slowly) moving in the right direction by adding more customization options, although it took months of complaints from frustrated web designers who suddenly found themselves unable to fulfil their client’s (reasonable) demands to get the widget to match their website’s look and feel.
We are still not quite there, Twitter admins. We NEED to have more control over the size and colour of the text elements (particularly the header summary) and for Pete’s sake, can we please have the option to hide those logos? There have been plenty or requests for this and I don’t think it’s too much to ask, is it? If I’m showing the widget in a 280 by 200 px box on my website’s sidebar, the last thing I need is a load of avatars cluttering up the limited space.
We all need to keep up the pressure on the Twitter developers and we may finally get to a satisfactory compromise, at least until the Twitter marketing department hire their next boss, who then decides to change everything that already works perfectly well, just to justify his/her fat paycheck. We have seen this with Facebook pages, with YouTube channels and now the disease has spread to Twitter.
If this comment passes moderation, I’ll eat my hat.

paresh9925 · 2013-06-03T04:13:50.000Z

Hi…
please tell me how to use friendship/create means follow the users on my site …! please tell me …