Styling van de Twitter Widget

30 jun. 2013 17:56 | Geplaatst door Marcel |

Sinds voorjaar 2013 werkt de v1.0 versie van de standaard Twitter Widget niet meer.

De oude widget was gemaakt in JavaScript, en voegde elementen toe aan de geladen pagina. Het was makkelijk hier styling voor toe te voegen, je kon het gewoon aan de stylesheet van de pagina toevoegen.

Met de nieuwe widget, die de nieuwe API gebruikt, werkt dat niet meer. Het is nog steeds gemaakt in JavaScript, maar het genereert een iframe. En styleregels in de standaard stylesheet hebben geen effect op een iframe.

Toch kun je een stylesheet toevoegen aan een iframe, en dat heb ik ook gedaan. Het is beschikbaar als download. Alles wat je hoeft te doen is de locatie van de stylesheet aan te passen. Je kunt het dan toevoegen aan de pagina layout. Het heeft wel jQuery nodig.

Mocht je de stylesheet bewerken, en toch verversen bij F5, open dan de stylesheet zelf in een tabblad van de browser, en ververs deze mbv. F5, zodat de cache van de browser ververst is.