My CSS Works in Inspect but Not in DW?
I created a very simple page in DW with an iframe of a countdown clock. I then went into Google Inspect and added a small piece of CSS to get rid of a little handler for it. Below is the code I added in Inspect and the end result:
So I then grabbed the CSS and put it into the <head> on the DW page. Weirdly, that CSS that works in Inspect won't work in the actual DW page. I added:
svg#x {
display: none;
}
I don't have a web host so I cannot send a URL of the actual page but here is the code from DW:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Timer</title>
<style>
svg#x {
display: none;
}
</style>
</head>
<body>
<iframe width="320" height="135" src="https://free.timeanddate.com/countdown/i69tgzak/n263/cf100/cm0/cu4/ct0/cs0/ca0/co0/cr0/ss0/cac000/cpc000/pct/tcfff/fs200/szw320/szh135/iso2018-07-09T00:00:00" frameborder="0"></iframe>
</body>
</html>
Can someone tell me why this works in Inspect but not when I add the CSS to the page and what I have to do to get it to work?
Thanks.
AdChoices