Добавление пользовательского CSS к стороннему плагину в WordPress через javascript из функций. php

Question

Я пытаюсь скрыть / показать кнопку через CSS для вошедших и не вошедших в систему пользователей. Я могу сделать это для кнопок в теме через Javascript свойства DOM. Но здесь кнопки стороннего плагина, и я пытаюсь добиться этого так же, как и для кнопки темы, но я не могу. Вот мой код

add_action('wp_head', 'stylebutton', 1, 1);
function stylebutton() {
     if (!is_user_logged_in()) { 
     ?>
    <script type="text/javascript">
    window.addEventListener('load', function() {
    var div = document.getElementsByClassName("bw-widget__cta");
    div[0].style.display = "none";
    });
    </script>
<?php   
 }
}
?>

Answer 1

Использование CSS для скрытия элемента работает следующим образом:

add_action('wp_head', 'stylebutton');
function stylebutton() {
  if (!is_user_logged_in()) { 
  ?>
  <style type="text/css">
    .bw-widget__cta {
      display: none !important;
    }
  </style>
  <?php   
  }
}
?>

Будьте осторожны. Поскольку я не знаю, как выглядит CSS стороннего плагина, я добавил !important, чтобы принудительно переопределить его. Если это не работает случайно, вам, возможно, придется использовать инструменты разработчика вашего браузера, чтобы проверить элемент кнопки и посмотреть, какое правило CSS имеет приоритет.