Adding css to Template html script out put

Dashboard
1

I have a template node containing this html script

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <header></header>
    <main></main>
    <footer></footer>
    <div id="DXNewsCalendar"></div>
<script>
var url = 'https://dxnews.com/calendar.php?width=21&lang=en';
var script = document.createElement('script');
script.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(script);
</script>
  </body>
</html>

However the month numbering in top bar is white, invisible, and I wish to make it black to read ?
How can i achieve this with css or html code please ?

Adrian

2

This is the weirdest way I have seen a page being rendered with javascript as a string, but anyway, you could use something like:

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      tr:first-child td{
      background-color:#000!important;
      }
    </style>
  </head>
3

Thankyou, That provided a great result.
I really appreciate it.

regards

Adrian

4

I can't comprehend why you would want to do it that way. If the URL returns a script, add it as a script tag, you don't need anything else?

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.