I'm working on Xibo to use a certain font for our text. Although, when I add the font family
body { line-height: 1; font-family: 'furore', sans-serif; }
text with the creator's name appears and looks ugly.1
I tried document.body.innerHTML = document.body.innerHTML.replace but nothing changes.
I was wondering if anybody else knows how to get rid of the creator's name?
Here's the rest of the code if you want an idea what I'm working with.
body {
line-height: 1;
font-family: 'furore', sans-serif;
}
.shadowed {
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
filter: dropshadow(color=rgba(255, 255, 255, 0.5), offx=2, offy=2);
}
.container {
background-position: center;
width: 340px !important;
height: 100px !important;
}
.main-panel {
margin-top: 10px;
height: 137px;
}
.container-row {
height: 290px;
color: #fff;
padding: 30px;
position: relative;
margin-bottom: 20px;
}
.big-container {
display: inline-block;
width: 50%;
}
.big-day {
font-size: 30px;
font-style: italic;
font-weight: lighter;
color: #ffffff;
}
.big-icon {
font-size: 90px;
color: #ffffff;
}
.big-temp {
padding: 20px 0 0px 0;
font-size: 45px;
color: #ffffff;
}
.description {
padding: 20px 0 0px 0;
font-size: 45px;
color: #ffffff;
}
.details-box {
height: 290px;
color: #ffffff;
display: table;
width: 100%;
}<div class="container">
<div class="main-panel">
<div class="container-row">
<div class="details-box text-center shadowed">
<div class="big-container">
<div class="big-icon"> </div>
</div>
<div class="big-container">
<div class="big-temp">[temperatureRound]º[temperatureUnit] </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>