WebSite X5Help Center

 
Alfred Escher
Alfred Escher
User

Hintergrundfarbe "Weiter-Zurück" Button  de

Autore: Alfred Escher
Visite 391, Followers 1, Condiviso 0  
Parole Chiave: website x5 evo 2020.3

Beim Erstellen einer Seite habe ich das Objekt "Gallerie" ausgewählt. Als Galerietyp habe ich "Miniaturbild in verschiedenen Sektionen" ausgewählt und unter "Stil" die Anzahl Miniaturen pro Zeile auf "4" und die Anzahl Zeilen pro Seite auf "2" eingestellt.

Auf der Webseite werden 4 Bilder nebeneinander und zwei Reihen untereinander angezeigt. Wenn ich jetzt mehr als 8 Bilder auf der ersten Seite habe, dann wird unten rechts ein mit weißer Farbe unterlegter Button für die Funktion "weiter-zurück" angezeigt. Bei einem dunklen Seitenhintergrund stört der weiße Hintergrund des Button den Gesamteindruck der Seite (Sie können dies in der website "alfred-escher.de" unter der Seite "Natur" anschauen).

Meine Frage: kann ich den Hintergrund des Button farblich verändern und ggf die gleiche Farbe wählen wie die des Seitenhintergrunds?

Postato il
5 RISPOSTE - 1 UTILE
Andreas S.
Andreas S.
Moderator

Gib diesen Code in unter "3" Eigenschaften" Reiter "Erweitert" vor dem </head> Tag ein...

<style>#imObjectGallery_28_01 .imSControls {background-color:transparent!important;} </style>

Dieser Code gilt nur für die Seite "Natur"!

Wenn es auf den anderen Seiten auch so sein soll, dann musst du #imObjektGallery_20_01 löschen und den Code dann unter  "1" Seo Reiter Code einfügen!

Leggi di più
Postato il da Andreas S.
Alfred Escher
Alfred Escher
User
Autore

Ich bin noch sehr unerfahren in websiteX.

Wo muss ich den Code unter dem Seo Reiter einfügen? den "1" verstehe ich noch nicht.

Leggi di più
Postato il da Alfred Escher
Alfred Escher
Alfred Escher
User
Autore

Ich habe vergessen zu schreiben, dass ich auf allen meinen Seiten der website die Anzeige des veränderten Button haben möchte.

Leggi di più
Postato il da Alfred Escher
Andreas S.
Andreas S.
Moderator

"1" Bedeutet unter Punkt 1 (Einstellungen) Reiter "Erweitert" Statistiken&Code  Reiter "Code"!

dazu diesene Code einfügen

<style> .imSControls {background-color:transparent!important;} </style>

Leggi di più
Postato il da Andreas S.
Alfred Escher
Alfred Escher
User
Autore

Es hat geklappt!

Herzlichen Dank für die Unterstützung und Hilfe.

Leggi di più
Postato il da Alfred Escher