Hi,
I dig through many forums and found out that U need to use JS or jQuery to change twitter css because it is an embedded html.
You have to find iframe and assign to a variable so U can use as a reference to embedded in iframe #document DOM
I used simple code that tries to change css until timeline-widget it’s loaded.
document.addEventListener("DOMContentLoaded", function(){
// Function that changes background of twitter widget
function populateIframe() {
// Look for widget
var ifrm = document.getElementById('twitter-widget-0')
// If widget did generate to iframe
if (ifrm !== null){
var timelineWidget = ifrm.contentWindow.document.getElementsByClassName('timeline-Widget')[0];
// then if widget has content with class="timeline-Widget"
if (timelineWidget !== undefined){
// then change background color css for this class
timelineWidget.style.background="black";
// and leave setinterval
clearInterval(myInterval);
} else {
// console.log('timelineWidget == undefined - ', timelineWidget);
}
} else {
// console.log('ifrm === null - ', ifrm);
}
}
// Run function every second until it will terminate setinterval by itself
var myInterval = setInterval(populateIframe, 1000);
});
