Thema: Hintergrundfarbe bei JCE-Fenstern verändern

Hallo Forum,

JCE-Utilities gibt die Möglichkeit, Bilder und andere Medien, in einem Popup-Fenster zu öffnen, wie dieses Beispiel zeigt:
http://www.joomlacontenteditor.net/s...an-image-popup

Nun habe ich das Problem, dass meine Schrift auf der Website weiß ist und der Hintergrund des Popup-Fensters ebenfalls. Somit ist also nichts zu lesen, obwohl die Schrift vorhanden ist. Ich muss also einen Weg finden, die Hintergrundfarbe zu ändern. Kann mir da jemand auf die Sprünge helfen, wo das geht?

Viele Grüße,
Koschi

hi sollte in der style.css zu ändern sein
zu finden unter
plugins/system/jceutilities/themes/standard/css/style.css
.jcepopup-container

Hallo SirDrake,

in der habe ich schon etwas erfolglos herumgewerkelt. Kenne mich damit leider nicht so gut aus. Hier ist sie:

Code:

#jcepopup-overlay {
	position: absolute;
	left: 0;
	z-index: 10000;
}
#jcepopup-container {
	position: absolute;
	left: 50%;
	overflow: visible;
	z-index: 10001;
	width: 300px;
	height: 300px;
	margin-left: -150px;
}
#jcepopup-loader {
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 0;
	z-index: -1;
}
#jcepopup-content {
	padding: 10px;
}
#jcepopup-content img {
	width: inherit;
	height: inherit;
	overflow: hidden;
}
#jcepopup-content img, #jcepopup-content object, #jcepopup-content iframe {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#jcepopup-iframe {
	border: 0px;
	background: #FFFFFF;
}
#jcepopup-ajax {
	overflow: auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
a.jcepopup span, a.jcebox span, a.jcelightbox span {
	cursor: pointer;
	display: inline-block;
}
a.jcepopup span span.zoom-image, a.jcebox span span.zoom-image, a.jcelightbox span span.zoom-image {
	position: absolute;
	display: block;
	background: url(../img/zoom-img.png) no-repeat bottom right;
	width: 20px;
	height: 20px;
}
a.jcepopup span.zoom-link, a.jcebox span.zoom-link, a.jcelightbox span.zoom-link {
	padding-right: 16px;
	background: url(../img/zoom-link.gif) no-repeat center right;
}
/* Tooltips */
div.tooltip {
	z-index: 10;
	width: 180px;
	text-align:left;
	color: #000000;
	background-color:#ffffff;
	border:1px solid black;
	padding: 4px;
}
div.tooltip h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
}
div.tooltip p {
	font-size: 11px;
}

Wo kann man da was ändern?

#jcepopup-iframe {
border: 0px;
background: #FFFFFF;

... verändert es leider nicht.

Viele Grüße,
Koschi

hm, also meine css sieht anders aus nur damit wir von der gleichen datei reden
jce utilities version 217
css datei -->joomla-root/plugins/system/jceutilities/themes/standard/css/style.css
zeile 2

Code:

#jcepopup-container {
background-color:#FFFFFF;
}

beispiel hier background grau #666666
http://www.loeschzug-brauweiler.de/cm2/
das feuerwehr fahrzeug im ersten artikel test

sorry - Pfad verwechselt.
Herzlichen Dank. Jetzt klappt es.

Viele Grüße,
Koschi

Du kannst im Plugin JCE Utilities die Hintergrundfarbe bestimmen.

Zitat von anka

Du kannst im Plugin JCE Utilities die Hintergrundfarbe bestimmen.

... das geht aber nur für den "Schleier". Die Schriftfarbe wird zwar übernommen aber nicht die Schriftart - zumindest bei mir. Wäre schön, wenn noch einer einen Tipp geben könnte, wie man das komplette Layout anpassen könnte.

Viele Grüße,
Koschi

nun, in j1.5 mit JCE:
editor.css erstellen un in den CSS Ordner deines Templates legen.
Dann mit der Webdeveloper und dem FireBug das Popup checken und die CSS Klassen im besagten editor.css file neu beschreiben, so wie du sie haben wilsst.
Natürlich den Aufruf des CSS Files nin der Template index.php ned vergessen gelle