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

jrobertsEBD · 2013-09-09T18:03:32.000Z

That’s what I need to know as well…

I have tried several ways of adding different divs and CSS to change the look of the scrollbar but nothing seems to work. I can get my scrollbar to appear in some cases, but the JS doesn’t execute and you have to hover over the widget in order to scroll, whether or not using scrollbar or no scrollbar in the href.

While there seems to be plenty of ways around the background/font etc, I haven’t found a single thing to modifying the scrollbar, except scrollbar/noscrollbar in href.

jrobertsEBD · 2013-09-09T18:04:37.000Z

Not being able to change these basic functions is absurd…

jrobertsEBD · 2013-09-09T18:06:44.000Z

Injecting additional content is the only way to bend the style of the widget, since majority of customizations have been stripped.

I understand the need for more security, but 1.1 has completely demolished customization of the widget for individual needs.

p4blo_ · 2013-09-12T18:59:54.000Z

Workaround:

setInterval(function() {
var timeline = $(’#twitter-widget-0’).contents().find(‘body’).find(’.timeline’);
timeline.find(’.u-photo.avatar’).remove();
timeline.find(’.u-url.permalink.customisable-highlight’).remove();
timeline.find(’.header.h-card.p-author’).remove();
timeline.find(’.footer.customisable-border’).remove();
}, 500);

http://cdpn.io/wAprz

cezjah · 2013-09-23T17:52:44.000Z

@p4blo_Pablo, thanks very much! Your solution worked really well for me! Much appreciated.

SunnyGosavi · 2013-10-09T07:52:17.000Z

data-chrome="nofooter noscrollbar noborders nofooter transparent"
add this in your anchor tag()
this will help you to remove things which u dont need in the tweet feed box…

mfwhobiz · 2013-10-09T20:45:07.000Z

Thank you so much

ulluhead · 2013-10-09T20:56:04.000Z

I need to display latest 4 tweets “horizontally” i.e. side by side at the bottom of my web page. But I couldn’t figure out the styling required to achieve this? Is it even possible? If yes, could someone please help?

richiebee · 2013-11-04T16:15:54.000Z

Hi,

How do I remove the text “Tweets”

simple?

I have tried

.timeline-header { !important
color:#FFFFFF;
}

in my css

AdactusDev · 2014-07-17T13:24:45.000Z

you sir are a genius! I was bashing my head against a wall using doc ready event (DOM only), and not doc load event (entire page including images and iframes).

mln_mln_mln · 2014-08-29T08:27:45.000Z

How can I remove the display picture of the tweets in embedded timeline. and also can we limit the number of tweets, without being its height expanded to display all the tweets ( with scroll bars)

vincentisambart · 2014-09-01T00:46:37.000Z

If you don’t want the photos to be expanded, go to the widget settings page (https://twitter.com/settings/widgets) and uncheck “Auto expand photos” for your widget.
There is no way to limit the number of tweets if you want to keep the scrollbar.

RiseON1 · 2014-12-08T09:55:02.800Z

I actually thought I could work a way around this and spent the whole weekend trying to figure out ways to beat this. Time well wasted but learnt a lot in the process. It’s unbelievable that twitter would do this at this day and age. They shouldn’t really put a limitation to design, this is how creativity is suppressed, so sad…

niall · 2014-12-08T16:10:49.039Z