CSS in wt_gallery verwenden

Hallo zusammen,
kann mir jemand sagen wo ich die CSS-Datei bei wt_gallery einbinde.
In welchem Verzeichnis muss die Datei liegen bzw. wo gebe ich den Pfad dafür ein.
Die Extension ist echt super nur sollte ich sie noch ein bisschen anpassen können.
Leider habe ich in der Onlinedoku keine Hinweise auf die genaue Einbindung der CSS finden können.

Vielen Dank schon mal für die Hilfe!!

Hallo typo3rudi 😉

Also du hast doch eine CSS Datei für deine Installation eingebunden oder?

Da ganz unten dran kannst du dann deine eigenen Einstellungen für die wt_gallery dranhängen - z.B.:

body { color: black; }

/* wt_gallery */
 	/* Single */
.wtgallery_singlepic_pic {
	border: 1px solid white;
}
.wtgallery_singlepic {
	border: 1px solid #888888;
	width: 482px;
	margin-left: 50px;
	text-align: center;
}
#wtgallery_singlepic_area {
	width: 100%;
}
.wtgallery_singlepic_popup {
	text-align: center;
	margin: -20px auto 20px auto;
	z-index: 100;
	width: 250px;
	background-color: white;
	filter: alpha(opacity=50);
 	-moz-opacity: 0.5;
	font-size: 9px;
	color: black;
}
.wtgallery_singlepic_comment {
	margin-left: 50px;
}
.wtgallery_singlepic_up { margin: 10px 0 0 50px; }

	/* List */
.wtgallery_listpic_pic {
	border: 1px solid white;
}
.wtgallery_listpic {
	border: 1px solid #888888;
	width: 52px;
	height: 52px;
	margin: 5px;
}
.wtgallery_pagebrowser {
	border: 1px solid #888;
	padding: 5px;
	margin: 5px 5px 20px 5px;
}
.wtgallery_pagebrowser_back {
	float: left;
	width: 40px;
	min-height: 1px;
}
.wtgallery_pagebrowser_page {
	float: left;
	margin-left: 35px;
}
.wtgallery_pagebrowser_fwd {
	margin-left: 130px;
}
.wtgallery_pagebrowser_up { display: none; }

	/* Kategorie Ansicht */
div.wtgallery_categories {
	border: 2px solid #6C2C2C;
	padding: 10px;
	margin-bottom: 20px;
	width: 170px;
	height: 85px;
}
img.wtgallery_category_pic {
	padding: 2px;
	border: 1px solid grey;
}
img.wtgallery_category_pic:hover {
	border: 1px solid #6C2C2C;
}
div.wtgallery_category_pic {
	float: left;
	margin-right: 10px;
}
div.wtgallery_category_txt {
	margin-top: 10px;
	font-size: 8px;
}
div.wtgallery_category_folder, .wtgallery_category_pagebrowser { display: none; }

/* wt_gallery END */

einpraegsam.net schrieb

Hallo typo3rudi 😉

Also du hast doch eine CSS Datei für deine Installation eingebunden oder?

Da ganz unten dran kannst du dann deine eigenen Einstellungen für die wt_gallery dranhängen - z.B.:

Das würde ich aber nicht so machen, sondern diese CSS-Daten in einer eigenen CSS-Datei ablegen.

1.) Werden so die CSS-Daten übersichtlicher (man weiß so z.B. direkt gleich, wo man CSS Styles für die Gallery suchen muss (in der Dateiliste im fileadmin-Bereich einfach einen eindeutigen Namen geben)

2.) Wenn es in die allgemeine Stylesheet-Datei gelegt wird, wird die immer größer, und von jeder angelegten Unterseite eingelesen und verwendet, völlig überflüssig, je nachdem wie groß die ist.

Dann lieber diesen Abschnitt z.B. in: fileadmin/template/css/fotogalerie.css abgelegen, und in der Seitenstruktur nur auf der Unterseite (oder mehrere) über ein eigenes Template einfügen, wo es gebraucht wird:

page.includeCSS.file3135 = fileadmin/template/css/fotogalerie.css

[NACHTRAG]
Achja, bei den "statischen includierten Templates", muss man dann aber die Standard-CSS-Dateien : Add default CSS (wt_gallery) abwählen, sonst überschreibt es die eigenen CSS-Datei.

Die Standard-CSS-Dateien sind:
- wtgallery_example.css
- wtgallery_main.css

evtl. muss man sich aus den beiden noch fehlende CSS-Daten holen.