-
Lightbox CSS Problem
Hallo liebe Typolight-Gemeinde!
Ich bin nicht nur neu hier im Forum sondern auch im Umgang mit Typolight. Bitte helft mir!
Folgendes Problem:
Meinen Links im Content-Bereich folgt eine kleine Hintergrundgrafik um sie als Link zu kennzeichnen. Entsprechend wurde das <a>-Tag in CSS formatiert.
Code:
#content a[href] {
color: #191961;
margin-right: 2px;
padding-right: 11px;
background: url(viertel-10.gif) no-repeat right top;}
Diese Grafik soll lediglich bei Textlinks erscheinen, verlinkte Bilder bekommen folglich die Klasse "plain" zugewiesen, hier gibt's keine zusätzl. Grafik.
Code:
#content a.plain[href] {
margin-right: 0px;
padding-right: 0px;
background: none;}
Wenn ich nun in einem Text ein Lightbox-Bild einfüge, so wird das Bild ja automatisch mit einem Link auf die Lightbox versehen und ich kann dem <a>-Tag nicht die Klasse "plain" zuweisen. Die Klasse, die ich in tinyMCE angebe landet grundsätzlich im <img>-Tag. Wie kann ich das ändern?
HTML-Code:
<a rel="lightbox" href="tl_files/Bilder/bwprojekt2.jpg">
<img class="plain" alt="" src="system/html/bwprojekt2-f7ce6375.jpg"/>
</a>
-
Du könntest die image.tpl's anpassen und dort die Klasse .plain mitgeben :)
-
Oder du machst es genau umgekehrt und gibst deinen Textlinks eine Klasse mit entspr. Hintergrundbild mit und Links ohne halt.. äh.. ohne :-)
-
Die Idee hatte ich auch schon nur irgendwie funzt das nicht. Habe folgende tpl-Dateien angepasst - ohne Wirkung:
- ce_text_image_link.tpl
- ce_text_image_fullsize.tpl
- ce_image_link.tpl
- ce_image_fullsize.tpl
Ich kann die sogar löschen und nix passiert. Was mach ich nur falsch?
-
Wie löschen? Hä? Wo bearbeitest du sie?
Entweder im BE beim entsprechenden Menüpunkt "Templates" oder dann halt manuell vom Modul holen und in den Ordner Root/templates hochladen...
-
In meiner lokalen Xampp-Installation habe ich die mal direkt im Ordner system/modules/frontend/templates rumgelöscht. Natürlich nur um das zu testen.
-
Sollst ja auch nicht löschen, sondern hinzufügen :D
Das muss gehen!!