Изменить размер изображения из ленты Twitter - PullRequest
0 голосов
/ 14 ноября 2018

Можно ли уменьшить размер твиттера?Я нашел класс, который управляет этим размером

.MediaCard-media {
    width: 50% !important;
}

enter image description here

, но не может применить мой стиль (CSS переопределяется только в Dev Tools, не получается при обновлении страницы).

Я также не могу переопределить этот стиль с помощью jQuery, потому что я не могу получить эти объекты на странице:

jQuery(".MediaCard-media"); // 0 results

Я использую фрагмент Js для загрузки канала Twitter, для лучшей совместимости с IE,вот код, если необходимо:

<script type="text/javascript">
    function setUserAgent(window, userAgent) {
        // Works on Firefox, Chrome, Opera and IE9+
        if (navigator.__defineGetter__) {
            navigator.__defineGetter__('userAgent', function () {
                return userAgent;
            });
        } else if (Object.defineProperty) {
            Object.defineProperty(navigator, 'userAgent', {
                get: function () {
                    return userAgent;
                }
            });
        }
        // Works on Safari
        if (window.navigator.userAgent !== userAgent) {
            var userAgentProp = {
                get: function () {
                    return userAgent;
                }
            };
            try {
                Object.defineProperty(window.navigator, 'userAgent', userAgentProp);
            } catch (e) {
                window.navigator = Object.create(navigator, {
                    userAgent: userAgentProp
                });
            }
        }
    }

    try {
        setUserAgent(window,
            "Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10136"
        );
    } catch (e) {
        console.log(e);
    }
</script>
<!-- the Twitter a-element and the platform/js code goes here -->
<a class="twitter-timeline" data-tweet-limit="3" href="https://twitter.com/princecastlellc?ref_src=twsrc%5Etfw" data-chrome="nofooter transparent noheader">Tweets by princecastlellc</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
...