Hey,
where you call the twitter widget load:
twttr.widgets.load();
Try adding the blow:
twttr.ready(
function (twttr) {
// bind events here
twttr.events.bind(
‘loaded’,
function (event) {
$(‘iframe[id^=twitter-widget-’).each(function () {
var head = $(this).contents().find(‘head’);
if (head.length) {
head.append(’ < style type=“text/css”>.EmbeddedTweet { max-width: none !important; width: 100% !important; } .SandboxRoot.env-narrow{ font-size: inherit!important;}</ style>’);
}
});
});
}
);
Note: you’llneed to remove the space i’ve put in on the opening of the < style> and closing of the < /style> tags. had to put them in else this forum thinks it’s style code and doesn’t display it.
This will basically uses the twitter widget event listeners to listen for when it is ready, and when loaded add an inline style tag in the head of the embedded iframe which will allow you to override the default CSS.
The above will make it full width of whatever your container div is but you can edit it to add whatever CSS you need within the style tag.
You’ll need to use !important to make sure it overrides the default CSS.
