Content-Slider oder Galerie 
Author: Manfred M.Hallo, ich habe ein kleines Problem mit dem Content-Slider bzw. der Galerie.
Ich möchte 5 Bilder 1900 * 400 Pixel jeweils oben auf den Seiten präsentieren mit einer kleinen Beschreibung unten am Bild.
Mit der Galerie funktioniert es tadellos, auch Responsive, nur ist die Zeile mit der Bildbeschreibung dunkelgrau als Hintergrund und die Schrift ist Weiß. Ich würde gerne einen blauen Hinergrund und eine weiße Schrift haben. Offenbar kann man den Hintergrund und die Schriftfarbe bei der Galerie-App aber nicht verändern.
All das geht mit dem Content-Slider, aber dort funktioniert Responsive nicht, egal ob man „Inhalte über dem Bild“ oder „Bild oben-Inhalte“ unten nimmt. Im Desktop-Modus klapp es aber bei den kleineren Auflösungen wird nur die Mitte des Bildes angezeigt. Ich habe mir die EVO Version vor ein paar Wochen gekauft und bin voll zufrieden, die vielen Verbesserungen sind alle super. Vielen Dank dafür an dieser Stelle. Alles passt nur leider diese Kleinigkeit nicht. Oder habe ich was übersehen? Gibt es eine Möglichkeit eine der beiden Apps für meinen Zweck anzupassen?
Beim Contentslider wird das Bild im Hintergrund angezeigt und darf sich nicht von der Höhe her ändern. Deshalb kann es sich nur zusammenschieben.
Die Galerie ist eine Vordergrundgalerie die sich verkleinern kann in der Höhe weil es nicht den Hintergrund betrifft.
Die Hintergrundfarbe bzw. den Overlay kannst du unter "2" Popup Fenster & Showbox verändern.
Author
Vielen Dank für die schnelle Antwort. Bei Pop up Fenster Showbox habe ich bereits bei Stil, Außenbrand und Text die Farben geändert, leider ohne Ergebnis. Der Text unter den Bildern bei der Galerie blieb Weiß auf dunkelgrauem Hintergrund. Muss man für die Farbänderung eine Einstellung bei Effekt ändern?
Author
Ich habe vergessen zu erwähnen, es ist die Klassische Slideshow eingestellt. Das einzige was ich ändern kann ist Schrift der Beschreibung Schrift, Schrifthöhe, Fett und Kursiv, aber eben nicht die Schriftfarbe und den Hintergrund.
Jetzt weis ich was du meinst. Das hat man noch nie einstellen können die Hintergrundfarbe der Beschreibung und die Farbe der Beschriftung.
Dazu muss man individuellen Code eingeben. Für genaueres würde ich deine URL benötigen.
Author
Wenn es dafür eine Lösung gäbe wäre super. Bei https://bergen.de/maxhuette.html zum Beispiel habe ich die Galerie verwendet und bei https://bergen.de/index.html den Content-Slider.
In deinem Fall bei den maxhütten.html müsstest du in den Eigenschaften der Seite REiter "Erweitert" diesen Code einfügen...
<style>
#imObjectGallery_52_16_description {background-color: #fff!important; color:#000!important;}
</style>
Die Farbe musst du dann selbst auswählen (#fff = weiss -#000 = schwarz). Oder du gibst die englischen Namen ein wie blue !
Author
Vielen Dank Andreas,
genau das habe ich noch vermisst. Wunderbar und nochmals Danke schön!
Eine letzte Frage noch: Wenn man mit der Maus über das Sliderbild geht verschwindet der Text mit dem Hintergrund. Kann man diesen Effekt auch deaktivieren? Also dass der Text unter dem Bild fix da bleibt. Wenn es nicht geht wäre auch kein Problem.
Nein, leider geht das per CSS nicht! Das wird von einem Javaskript im Objekt erzeugt und dieses hat mehr Priorität als CSS.
... ... x maxhuette.html ...mein Trick - escamotage...
...:
<style> #imPageRow_1::after{content:""; position:absolute;top:0px; left:0px;background-color:transparent; z-index:1000000; width:100%; height:100%;} </style>
.
ciao
.
Author
Perfekt! Vielen Dank @Andreas und @KolAsim
Author
Wenn man den Effekt deaktiviert (escamotage - #imPageRow_1::after ...) funktionieren leider die Ebenen Menüs nicht mehr. Trotzdem danke schön, der Versuch wars wert.
Ergänzend noch zur "#imObjectGallery_52_16_description.." Zeile - Für jede Seite muss eine andere ObjectGallery benutzt werden, also 53, 54 usw.
... > - z-index:1000000; ... > + z-index:10; ( x page > maxhuette.html )
................................
<style> #imPageRow_1::after{content:""; position:absolute;top:0px; left:0px;background-color:transparent; z-index:10; width:100%; height:100%;} </style>
................................
...
...
.