Lytebox Schriftgröße

[tomathen]

Guten Morgen,

und da hätte ich nochmal eine Frage. Ich verwende schon seit langer Zeit eine lytebox auf vielen Unterseiten. Nun würde ich gerne die Schriftgröße für den Text der unter dem jeweiligen Bild erscheint ändern. Dies aus dem einfachen Grund, da meine mobile Seite im Design 30px hat und die lytebox, wie es scheint, auch die 30px verwendet. Dies ist aber deutlich zu groß für die lytebox, die dann irgendwie bescheiden aussieht. Kann ich der lytebox eine eigene Schriftgröße zuordnen?? Vielleicht hier irgendwie

class="lytebox" data-title="Blablabla"

   data-lyte-options="width:750 height:800 scrollbars:no"


Vielen Dank!!!

[nettesekel]

Dies aus dem einfachen Grund, da meine mobile Seite im Design 30px hat und die lytebox, wie es scheint, auch die 30px verwendet.

Wie, wo, was 30px?

[tomathen]

Habe im NO Design die Schriftart und Größe definiert, Verdana 30px. Da mobile Seite. Nun nimmt die lytebox auch die 30px für den title.

[nettesekel]

Gib mal nen Link zu ner Seite wo man das sehen kann.

[nettesekel]

Das Problem entsteht nicht durch die Schriftgröße, sondern es kommt aus deiner default.css

Ergänze mal in der lytebox.css die folgende Klasse um diesen Eintrag

#lbOuterContainer

Code: HTML5

1. box-sizing: content-box;

[tomathen]

Suuuuper nettesekel!!! Ich bin begeistert!!!!!! Vielen Dank!!

[karl143]

Ging es hier jetzt nur um das Problem, welches entstand weil auch eine mobile Seite gezeigt werden soll ? Ist es denn möglich, die Schriftgröße in der Bildbeschreibung innerhalb der Lightbox zu verändern. Bitte noch mal ne kurze Erklärung.

[nettesekel]

Normal ist das LB-Fenster schwarz mit weißem Rand, unterhalb des Bildes befindet sich der Titel, aber innerhalb des weißen Randes. Bei ihm wurde die Box mit dem Titel als separate schwarze Box ohne Rand aus dem Container mit dem weißen Rand nach unten herausgeschoben. Er dachte, das käme durch die große Schriftgröße, kam aber durch die Styleanweisung {box-sizing: border-box;} in einer extern eingebundenen Styledatei.

Ob die Schriftgröße beeinflusst werden kann, kann ich spontan nicht sagen, aber ich kannst auf Toms Seite kurz mal testen.

[nettesekel]

Die Schriftgröße kommt aus der lb.css wo man sie auch ändern kann.

Code: HTML5

1. #lbTitleTop, #lbTitleBottom { display: block; font-weight: bold; font-size: 24px;}

[karl143]

Danke Nettesekel. Jetzt ist es klar.