Стилизация твиттера-виджета не работает (твиттер-модуль drupal) - PullRequest
0 голосов
/ 17 февраля 2020

Я работаю на сайте Drupal 8 и использую модуль twitter (twitter_api_block). Я хочу стилизовать некоторые элементы, такие как ( .Tweet-header | .TweetAuthor-avatar | .TweetAuthor | .CallToAction | .TweetInfo и .Tweet-body ).
У меня много проблем. Я протестировал стиль пользовательской тени root в пользовательском файле, и это работает, но когда я применяю стиль в виджете Twitter, скрипт работает в консоли, но скрипт в файле не обнаруживается или не применяется.

Это мои коды тестовых скриптов:

var shadowR = document.querySelector(".twitter-tweet");
shadowR.shadowRoot.querySelector('style').innerHTML += `
    .Tweet-header { 
        display : none!important; 
    }
`; 

, а также этот код:

var shadowR = document.querySelector(".twitter-tweet");
//shadowR.shadowRoot.querySelector('.Tweet-header').style.cssText= 'display : none!important; ';
var root = shadowR.shadowRoot;
    root.querySelector('.Tweet-header').style.cssText= 'display : none!important; ';

В этом коде консоль выводит сообщение: (Uncaught TypeError: Не удается прочитать свойство 'querySelector', равное нулю)

enter image description here

...