Infofelder nicht lesbar.

[raphael]

Hallo,

da ich ein dunkles Template habe und die Schrift deswegen hell ist gibt es Probleme bei allen Infofenstern. Da ich das nicht so gut erklären kann ich ich schnell ein Foto mit hochgeladen (ist ja bekanntlich genauso gut wie 1000 Worte).

Wie kann ich die Schrift in den Fenstern ändern? Oder gibts da vielleicht ne bessere Möglichkeit?

Gruß
Raphael

  [ Für Gäste sind keine Dateianhänge sichtbar ]



Linkback: https://www.modified-shop.org/forum/index.php?topic=8065.0

[franky_n]

Hallo raphael,

in der Datei popup_content.php kannst Du das ändern.

Viele Grüße

Franky

[Tomcraft]

Die Schrift müsste eigentlich in der "thickbox.css" änderbar sein, soweit ich mich erinnere, ohne jetzt nachgeschaut zu haben. In der "popup_content.php" ist nur die Hintergrundfarbe der Thickbox hardcodet drin.

Grüße

Torsten

[raphael]

Danke für die Tipps. Momentan sagt mir zwar thickbox.css noch nicht so viel, aber ich schaus mir mal genauer an.

Viele Grüße
Raphael

[Tomcraft]

Die Datei findest du hier: "/templates/xtc5/css/thickbox.css"

Grüße

Torsten

[raphael]

Hallo,

Die Datei hab ich schon mal gefunden. Jetzt muss ich nur noch schauen was ich da änder. Am liebsten wäre es mir wenn der Hintergrund Weiß bleibt und ich die weiße Schrift einfach in die Farbe Schwarz ändere. Wäre toll wenn ihr mir da noch weiterhelfen könnt. Geändert werden müssen die Fenster für AGB, Widerrufsbelehrung, Versandkosten und Datenschutzerklärung.

Wie heißen diese Felder und was ergänze ich da damit die weiße Schrift zur schwarzen Schrift wird?

Gruß
Raphael

[franky_n]

Hallo raphael,

benutze mal den Firebug dann siehst Du direkt was wofür zuständig ist.

Viele Grüße

Franky

[Tomcraft]

Zu finden hier: FAQ: Liste wichtiger Freeware- & OpenSource-Programme für die Shop-Erstellung

Grüße

Torsten

[raphael]

Hallo,

dank euren Tipps konnte ich schonmal rausfinden dass das was mit #TB_iframeContent zu tun haben muss. Nur irgendwie klappt das mit dem Anpassen nicht so. Vielleicht liegts auch an der ein oder anden Maß Wiesnbier die ich mir heute gegönnt hab

Was muss ich da dazuschreiben (oder entfernen?) damit ich die
- Hintergrundfarbe des Feldes,
- die Schriftart und
- die Schriftfarbe ändern kann?

Viele Grüße
Raphael

[franky_n]

Hallo raphael,

entweder hier (color):

Code: CSS  [Auswählen]

#TB_window {
        font: 12px Arial, Helvetica, sans-serif;
        font-weight: bold;
        position: fixed;
        background: #ffffff;
        z-index: 102;
        color:#333333;
        display:none;
        border: 4px solid #525252;
        text-align:left;
        top:50%;
        left:50%;
}
 

oder hier:

Code: CSS  [Auswählen]

#TB_window a:link {
        color: #666666;
}
#TB_window a:visited {
        color: #666666;
}
#TB_window a:hover {
        color: #000;
}
#TB_window a:active {
        color: #666666;
}
#TB_window a:focus {
        color: #666666;
}

Einfach mal probieren!

Viele Grüße

Franky

[raphael]

Hi Franky

irgendwie funktioniert das mit dem Farbe ändern immer noch nicht. Ich hab zum testen einfach jeden Wert hinter einer Raute gegen #C81414 für Rot getauscht und trotzdem tut sich nichts. Das kann doch nicht sein?

Ihr meint doch diese Datei:
/shop/templates/cssblack/css/thickbox.css

Code: CSS  [Auswählen]

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
        padding: 0;
        margin: 0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
        font: 12px Arial, Helvetica, sans-serif;
        font-weight: bold;
        position: fixed;
        background: #C81414;
        z-index: 102;
        color:#C81414;
        display:none;
        border: 4px solid #C81414;
        text-align:left;
        top:50%;
        left:50%;
}
* html #TB_window { /* ie6 hack */
        position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
        display:block;
        margin: 15px 0 20px 15px;
}
#TB_secondLine {
        font: 12px Arial, Helvetica, sans-serif;
        color:#C81414;
}
#TB_window a:link {
        color: #C81414;
}
#TB_window a:visited {
        color: #C81414;
}
#TB_window a:hover {
        color: #C81414;
}
#TB_window a:active {
        color: #C81414;
}
#TB_window a:focus {
        color: #C81414;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
        position: fixed;
        z-index:100;
        top: 0px;
        left: 0px;
        height:100%;
        width:100%;
}
.TB_overlayMacFFBGHack {
        background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
        background-color:#C81414;
        filter:alpha(opacity=35);
        -moz-opacity: 0.35;
        opacity: 0.35;
}
* html #TB_overlay { /* ie6 hack */
        position: absolute;
 height: expression(document.body.scrollHeight> document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_caption {
        height:25px;
        padding:7px 30px 10px 15px;
        float:left;
}
#TB_closeWindow {
        height:25px;
        padding:11px 15px 10px 0;
        float:right;
}
#TB_closeAjaxWindow {
        padding:5px 0 0 0;
        margin-bottom:1px;
        text-align:right;
        float:right;
}
#TB_closeAjaxWindow a {
        text-decoration:none;
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif;
        background:#C81414;
        padding:3px;
        display:block;
        font-weight:bold;
        margin-right:10px;
}
#TB_closeWindow a {
        text-decoration:none;
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif;
        background:#C81414;
        padding:3px;
        display:block;
        font-weight:bold;
}
#TB_ajaxWindowTitle {
        float:left;
        padding:7px 0 5px 10px;
        margin-bottom:1px;
}
#TB_title {
        background-color:#C81414;
        height:30px;
}
#TB_ajaxContent {
        clear:both;
        padding:2px 15px 15px 15px;
        overflow:auto;
        text-align:left;
        line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
        padding:15px;
}
#TB_ajaxContent p {
        padding:5px 0px 5px 0px;
}
#TB_load {
        position: fixed;
        display:none;
        height:13px;
        width:208px;
        z-index:103;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
        position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
        z-index:99;
        position:fixed;
        top: 0;
        left: 0;
        background-color:#C81414;
        border:none;
        filter:alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        height:100%;
        width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
        position: absolute;
 height: expression(document.body.scrollHeight> document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
        clear:both;
        border:none;
        margin-bottom:-1px;
        margin-top:1px;
        _margin-bottom:1px;
}
#TB_next a, #TB_prev a {
        font-size:18px;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration:none;
}