✔ Fancybox Inline-Content stylen

[bertiSR]

Hallo zusammen. Ich lasse mit der Fancybox einen bestimmten Inhalt ausgeben.

<a href="#notice">Anmelden</a>

<div id="notice">
<h6>Anmelden</h6>
<textarea></textarea>
</div>

Wenn sich die Fancybox öffnet, ist der Hintergund schwarz und jede Schrift weis. Wenn ich nun mit CSS den container #notice bearbeiten will ändert sich in der Fancybox rein garnichts. Woran liegts?

 

[Maik]

Hi,

die Hintergrund- und Schriftfarbe für den Inline-Content ist im Stylesheet jquery.fancybox.css in diesem Selektor festgelegt:

div#fancy_div {
        background: #000;
        color: #FFF;
        height: 100%;
        width: 100%;
        z-index: 100;
}

Die Nachfolgelemente des Inline-Contents können mit dem Selektor für Nachfahren in der Fancybox angesprochen, respektive formatiert werden:

div#fancy_div h6 { /* CSS-Formatierungen */ }
div#fancy_div textarea {  /* CSS-Formatierungen */ }

Oder hat sich die Frage schon geklärt, weil das Thema in der Forenübersicht mit dem Häckchen neben dem Betreff als erledigt markiert ist?

mfg Maik