Schriftfarbe

Nachtfalke · 23. Dezember 2019

Hallo zusammen,

wir haben das Problem, dass die Schriftfarbe vom Sendeplan, nach dem Update kaum noch lesbar ist. Die müsste ich wieder auf "weiß" umstellen, weiß jedoch nicht wo und "probieren brachte auch keinen Erfolg. Ich habe das Template hier aus dem Forum, ich poste den Code hier mal rein. Kann jemand helfen? URL: https://sendeplan.radio-powervoice.com

Code

@charset "utf-8";
body#onair_body { font-family: Arial; font-size: 15px; color: #ffffff; text-align: center }
div#onair_grussboxbutton a { font-family: Arial; font-size: 20px; color: #EEEEEE; text-align: center }
body {background: #transparent;}
div#wrapper
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #66ce00;
background: rgba(0, 0, 0, 0.8);
}
div.clear
{
clear: both;
}
div#content
{
min-height: 250px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
}
div#wrapper
{
margin:0 auto;
width:1000px;
box-shadow:0 0 5px #66ce00;
}
div#navi
{
border-bottom: 1px solid #666;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#navi ul
{
margin: 0 auto;
padding: 0;
list-style-type: none;
}
div#navi ul li
{
float: left;
border-right: 1px solid #666;
}
div#navi ul li a
{
display: block;
padding: 7px 20px;
min-width: 65px;
text-align: center;
color:#FFF;
text-decoration: none;
}
div#navi ul li span#headline
{
display: block;
font-size: 18px;
color: #FFF;
font-weight: 700;
padding: 12px 25px;
}
div#navi ul li a#current,
div#navi ul li a:hover
{
background: #333;
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#navi ul li:first-child {border-left: none;}
div#navi ul li:last-child {border-right: none;}
table.content
{
width: 100%;
border: 1px solid #DDD;
border-spacing: 1px;
}
table.content th, table.content td {padding: 6px 4px;}
table.content tr:nth-child(odd){background: rgba(0, 0, 0, 0.8);}
table.content tr:nth-child(even){background: rgba(0, 0, 0, 0.8);}
table.content th
{
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#footer
{
margin-bottom: 10px;
height:25px;
padding: 0;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#footer a
{
color: #66ce00;
text-decoration: none;
}
div#footer ul
{
float:right;
margin: 0;
padding: 0;
list-style-type: none;
}
div#footer ul li
{
float: left;
}
div#footer ul li a
{
display: block;
padding:0 10px;
line-height:25px;
border-left:1px solid #666;
}
div#footer ul li a#footer-current,
div#footer ul li a:hover
{
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
ul.tabmenu
{
margin:0;
padding:0;
list-style-type:none;
}
ul.tabmenu li
{
float:left;
}
ul.tabmenu li a
{
display:block;
margin-right:10px;
padding:8px 15px;
color:#66ce00;
font-weight:700;
border:1px solid #66ce00;
border-bottom:0;
background:rgba(0, 0, 0, 0.8);
}
ul.tabmenu li a:hover,
ul.tabmenu li a.current
{
background:rgba(0, 0, 0, 0.8);
}
span#refreshBar
{
float: right;
font-size: 12px;
padding-top:5px;
}
img.profil_bild
{
max-width: 100px;
max-height: 100px;
border: 0px solid #FFFFFF;
}
table.popup-table td.popup-profil-bild
{
padding-top: 5px;
vertical-align: top;
width: 110px;
}
table.popup-table
{
margin: 0;
padding: 0;
width: 100%;
}
table.popup-table td.popup-desc
{
vertical-align: top;
}
table.popup-table td.popup-desc span.headline
{
display: block;
margin-bottom: 5px;
padding-bottom: 2px;
font-weight:700;
border-bottom: 1px solid #66ce00;
}
table.content tr.event-sendung
{
background:rgba(0, 0, 0, 0.8)
}
input[type=text],
input[type=password],
input[type=file],
input[type=email],
input[type=url],
input[type=search],
input[type=number],
select,textarea
{
width:99%;
margin:3px;
padding:5px;
font-size:12px;
border-radius:3px;
font-family:Arial,Verdana,Helvetica;
border:1px rgba(0, 0, 0, 0.8) solid;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
resize:none;
}
input[type=number] {width:70px;text-align:center;}
select {padding: 4px 5px;}
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
select:focus,textarea:focus
{
box-shadow:0 0 3px yellow;
}
input[type=submit],
input[type=reset],
input[type=button]
{
padding:3px 10px;
border:1px solid #66ce00;
font-weight:700;
color:#66ce00;
cursor:pointer;
border-radius:3px;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit].cancel,
input[type=reset].cancel,
input[type=button].cancel{color:#66ce00;}
input[type=submit].cancel:hover,
input[type=reset].cancel:hover,
input[type=button].cancel:hover
{
color:#66ce00;
border-color:#66ce00;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit].submit,
input[type=reset].submit,
input[type=button].submit{color:#360;}
input[type=submit].submit:hover,
input[type=reset].submit:hover,
input[type=button].submit:hover
{
color:#66ce00;
border-color:#66ce00;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
span.event
{
display:block;
padding:8px;
color:#66ce00;
margin-bottom:10px;
text-align:center;
background:rgba(0, 0, 0, 0.8);
border-top:5px solid #66ce00;
border-bottom:5px solid #66ce00;
}
span.event-Success
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
border-color:#66ce00;
}
span.event-Fail
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
border-color:#66ce00;
}
a{text-decoration:none;color:#66ce00;}
a:hover{color:#66ce00;}
h1.headline
{
margin:0 0 10px 3px;
padding-bottom:3px;
font-size:22px;
border-bottom:1px dotted #66ce00;
}
span.circle-red
{
border-radius:10px;
padding:2px 6px;
font-weight:700;
background:rgba(0, 0, 0, 0.8);
}
span.label
{
color:#66ce00;
font-weight:700;
padding:4px 6px;
border-radius:4px;
background:rgba(0, 0, 0, 0.8);
}
span.label-red
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
span.label-orange
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
span.label-green
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
div.pagenav{float:right;}
div.pagenav ul
{
margin:0;
padding:0;
height:25px;
list-style-type:none;
border:1px solid #66ce00;
}
div.pagenav ul li
{
float:left;
border-left:1px solid #66ce00;
}
div.pagenav ul li:first-child{border:none;}
div.pagenav ul li a
{
display:block;
padding:0 7px;
line-height:25px;
font-weight:bold;
vertical-align:middle;
cursor:pointer;
}
div.pagenav ul li a:hover,
div.pagenav ul li#currentpage{background:rgba(0, 0, 0, 0.8);}

Alles anzeigen

Nachtfalke · 23. Dezember 2019

Hallo zusammen,

wir haben nach dem Update ebenfalls ein Problem mit der Schriftfarbe, siehe Bild. Kann jemand helfen, dass ich die Schrift wieder auf "weiß" bekomme?

Viele Grüße

DonFroschi · 23. Dezember 2019

Code

.table {
color: #ffffff;
}

einfach in die .css

Nachtfalke · 23. Dezember 2019

Vielen Dank Don Froschi, habe es leider sehr spät gesehen, dass du da warst...

Viele Grüße und ein gesegnetes Fest

Nachtfalke · 23. Dezember 2019

Leider funzt es nicht, oder ich bin zu blöd dafür...

Viele Grüße

DonFroschi · 23. Dezember 2019

ich hab das in die datei custom.css gepackt

sendeplan --> layout --> custom.css

Code

.table {
color: #fffffff
}

zeile 151..

Nachtfalke · 28. Dezember 2019

DonFroschi schrieb:

ich hab das in die datei custom.css gepackt

sendeplan --> layout --> custom.css

Code

.table {

color: #fffffff

}

zeile 151..

Habe ich genauso rein geschrieben, trotzdem hat es leider nicht geholfen. Es ist zum verzweifeln...

Onkel_des_Todes · 28. Dezember 2019

Moin!

Die Einträge werden von Bootstrap überschrieben. Dort werden die Werte in einer Datei namens _tables.scss definiert und an die kommt man nicht dran, weil sie auf den Bootstrap-Servern liegt und von dort aus nachgeladen wird.

~~In diesem Thread gab's schonmal so ähnliche Probleme und die Lösung. Der Fall dürfte ähnlich gelagert sein und ist dementsprechend anzupassen...~~

Hab es eben nochmal probiert, wenn ich das unter "Design" im Sendeplan eintrage, geht es einwandfrei. Könnte natürlich daran liegen, das hinter die 3. Zeile noch ein Semikolon (;) gehört...

Kannst es natürlich auch direkt in die custom.css schreiben. Ist übrigens egal wohin, nur nicht mitten in einen anderen Eintrag.

Gruß

Onkel_des_Todes

Nachtfalke · 28. Dezember 2019

Problem gelöst. ich habe den ganzen Code gelöscht, gespeichert und den Code von Froschi ganz oben eingefügt, dass Template da drunter und siehe da... es läuft.

Vielen Dank für Eure Unterstützung und allen einen Guten Rutsch ins neue Jahr 2020.

Viele Grüße

Gefällt Dir der Thread? Möchtest du was dazu schreiben?

Dann logge Dich bitte mit deinem Benutzerkonto ein.
Du besitzt noch kein Benutzerkonto? Dann registriere Dich jetzt kostenlos! Nach der Registrierung kannst du das Forum uneingeschränkt nutzen.

Schriftfarbe

Hallo zusammen,

Ähnliche Themen

Schriftfarbe ändern

schriftfarbe in der Wunschbox

Wochentag-Farbe

Textfarbe für die Song-History

Jetzt Spenden und das Projekt unterstützen