Twitter-Widget CSS anpassen

function formatTweet() {
    // Die ID #twitter-widget-0 kann variieren, kann aber mittels
    // Firebug oder Entwickler-Tools herausgefunden werden
    // Inhalt des iframes wird in die Variable geladen
    var tweet = jQuery("#twitter-widget-0").contents();
    // Standard-Schriftgrösse innerhalb iframes auf 16px festlegen
    tweet.find(".SandboxRoot").css("font-size", '16px');
    if((document.getElementById( 'site-wrapper' ).offsetWidth) < 1030){
        tweet.find("body").css('width', '50%');
    }else {
        tweet.find("body").css('width', '100%');
    }
    // Breite auf 100%
    tweet.find(".timeline-Widget").css("max-width", '100%');
    // diverse Schriftgrössen festlegen
    tweet.find(".timeline-Header h1").css("font-size", '1.125rem');
    tweet.find("p.timeline-Tweet-text").css("font-size", '1.125rem');
    tweet.find('span.TweetAuthor-name.Identity-name.customisable-highlight').css('font-size','1rem');
    tweet.find('p').css('font-size','1rem');
}


// Erst ausführen, wenn der ganze Inhalt geladen ist
document.onreadystatechange = function () {
    // Hier wird überprüft, ob der Inhalt komplett geladen ist
    if (document.readyState == "complete") {
        setTimeout(formatTweet(), 3000);
    }
}

 

Twitter-Widget CSS anpassen

Schreibe einen Kommentar