Überschrift in Thickbox zentrieren

[taxidd3]

Ich möchte in der Thickbox die Überschrift zentrieren. Kann mir bitte einer sagen, welche Datei dafür zuständig ist? Die nachfolgenden Texte sind alle schon bearbeitet, aber eigentliche Überschrift find ich dazu leider nicht.

Gruß Heiko

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

[Keytresit]

Hey taxidd3,

was meinst du denn mit nachfolgenden Texten ? Bei der standard Thickbox Version ist da doch unter dem Bild eine Überschrift und ein kleiner Text da drunter.

Was möchtest du denn jetzt zentrieren ?
lg

EDIT: Also ich glaube das ist was du suchst.
In der Datei "/templates/templatename/css/thickbox.css" folgendes suchen :

Code: CSS  [Auswählen]

#TB_caption {
        height:25px;
        padding:7px 30px 10px 15px;
        float:left;
}

und mit folgendem ersetzen:

Code: CSS  [Auswählen]

#TB_caption {
        height:25px;
        /*padding:7px 30px 10px 15px;
        float:left;*/
        text-align:center;
}

[Tomcraft]

Hast du das ausprobiert? Ich denke nicht, dass das zum Erfolg führt.

Grüße

Torsten

[Keytresit]

@ Torsten

Ja hab das gerade ausprobiert. Also bei mir hat das funktioniert.
Warum denn auch nicht ?

[Tomcraft]

Vielleicht reden wir beide von einer anderen Überschrift.

Ich habe den Titel in einem <div id="TB_ajaxWindowTitle">...</div>

Grüße

Torsten

[Keytresit]

@ Torsten

Ja, das kann sein.

Wie gesagt, ich wusste jetzt auch nicht genau welche Überschrift gemeint war.

lg

[Tomcraft]

Na mal schauen was taxidd3 aka Heiko dazu sagt, nachdem er es getestet hat.

Grüße

Torsten

[noRiddle (revilonetz)]

Hallo zusammen.

Wo ihr gerade dabei seid.
Man sollte allgemein in "/templates/YOUR_TEMPLATE/css/thickbox.css" bei "#TB_caption" die "height"-Angabe entfernen.

Diese reicht

• in keinem Fall aus und
• im Falle jemand eine ausreichend kleine Schriftgrösse benutzt, der Artikelname jedoch etwas länger ist, spätestens dann die Höhe nicht ausreicht.
  Die Höhe festzulegen ist hier nicht sinnvoll.

Lediglich anscheinend automatisch vergebenes "overflow:visible" verhindert mit der vorgegebenen "height" ein Abschneiden des Textes (z.B. auch des Bereiches "#Tab_secondline" wo die Anzahl der Bilder dargestellt wird).
Man kann die zu geringe Höhe schön in Firebug sehen.

Übrigens glaube ich, daß taxidd3 wohl die "TB_ajaxWindowTitle" gemeint hat.
"text-align: center" geht in beiden Fällen nicht, da das "X" zum Schließen der Thickbox "float:right" hat und man somit das Style auseinander reisst.
Man müsste auch etwas am XHTML ändern.

Grüsse,
noRiddle

[taxidd3]

[...]
EDIT: Also ich glaube das ist was du suchst.
In der Datei "/templates/templatename/css/thickbox.css" folgendes suchen :

Code: CSS  [Auswählen]

#TB_caption {
        height:25px;
        padding:7px 30px 10px 15px;
        float:left;
}

und mit folgendem ersetzen:

Code: CSS  [Auswählen]

#TB_caption {
        height:25px;
        /*padding:7px 30px 10px 15px;
        float:left;*/
        text-align:center;
}

Eine Änderung in dieser Zeile hatte bei mir leider gar keine Auswirkung.

Ich möchte die Überschrift zentrieren, die sich die Thickbox z.B. aus dem Content Manager, Versandkosten, Überschrift holt.

[Matt]

Das ist ja auch nicht die Überschrift der Thickbox.

Code: CSS  [Auswählen]

#TB_window .contentsTopics {
    text-align: center;
}

[taxidd3]

Sorry, mir ist leider keine bessere Bezeichnung eingefallen.

Ich habe die Codezeile in die "thickbox.css" eingefügt. Leider ist keine Veränderung zu verzeichnen. Muß ich noch irgendwo etwas eintragen? Ich bin bisher nicht hinter die Funktionsweise der Thickbox gestiegen, da ich nicht wie bei den anderen Programmteilen eine html und php-Datei finden konnte.

[EDIT Tomcraft 05.01.2012: Full-Quote entfernt, siehe: FAQ: Full-Quotes und Groß-/Kleinschreibung - mit anderen Worten Netiquette!]

[taxidd3]

Hab es doch noch rausgefunden.

Diese Überschrift wird über die "popup_content.php" gesteuert. Diese nutzt die "stylesheet.css" und nicht die "thickbox.css". In der "stylesheet.css" hab ich dann eingetragen:

Code: CSS  [Auswählen]

.contentsTopics {
text-align: center;
}

Nun funktioniert es.

[noRiddle (revilonetz)]

 
You got it.