All of a sudden yesterday my jweetsanywhere plugin stopped working. Through my Twitter account Settings > Widgets I created new widget with standard settings (Only auto expand Photos unchecked). After Save I copied the code pasted in the page in a div called ‘TweetFeed’ and that worked.
Then I used the settings of twitter themselves to make the bg transparent, to remove borders, to only get 1 tweet, to remove headers en footer by entering the right attributes: data-chrome=“nofooter transparent noborders noheader” data-tweet-limit=“1”.
In my main style sheet I set the width of the iframe to 100% by:
/* Twitter feed */
div#TweetFeed iframe {
width: 100%;
}
Through the jquery iFrame solution of chris churchill I managed to hide the avatar, remove the padding on the left and do some basic styling. I created a separate small css file only for this Twitter feed and targeted elements only by element type and by name or class just in case the birds change that.
p {
font-size: 16px !important;
line-height: normal !important;
font-family: Arial, sans-serif;
}
ol {
margin: 0 !important;
}
ol img {
display: none !important;
}
ol li {
padding: 0 !important;
}
ol p a {
color: #CC061D !important;
}
Like Ben Ward says it’s not recommended to do it like this approach but for me it works for the time being.
Thanks all for pointing me in the right direction and I hope I have helped others a bit with my input.
