Page 1 of 1

Hintergrundfarbe ändern

Posted: 28 Nov 2022, 21:06
by CSGIT
Hallo,

wie kann ich in der Phoca Gallery 4.5.1 die Hintergrundfarbe bei der Detail Ansicht ändern? Ich nutze dort die Einstellung "Photoswipe" und der Hintergrund ist schwarz.

Die Joomla Version ist 4.2.2

Viele Grüße
Michael

Re: Hintergrundfarbe ändern

Posted: 28 Nov 2022, 23:25
by christine
Hallo Michael,

probiere es mit:

Code: Select all

.pswp__bg {
 background: green !important;
}
Falls Cassiopeia: in eine user.css. Ansonsten in eine custom.css - je nach Template

Die aktuellste PG Version ist 4.5.2
Joomla! Version: 4.2.5

Liebe Grüße
Christine

Re: Hintergrundfarbe ändern

Posted: 28 Nov 2022, 23:37
by CSGIT
Hallo Christine,

in der user.css habe ich bereits folgendes eingetragen

body {
background: #D3D3D3;
}

Auf allen Seiten und auch bei den Kategoriefotos habe ich die richtige Farbe. Allerdings habe ich einen schwarzen Hintergrund wenn ich mir ein Foto in der Großansicht anzeigen lasse. Dieses hätte ich auch gerne in dem Grauton auf der user.css

Gibt es eine Möglichkeit das zu ändern?

Gruß
Michael

Re: Hintergrundfarbe ändern

Posted: 28 Nov 2022, 23:56
by christine
Hallo Michael,

hast Du meinen Code (mit Deiner Farbe halt) schon ausprobiert?

Oft ist es aber auch so, dass es mit der user.css ein Weilchen braucht, bis Änderung/Ergänzung greift.

Liebe Grüße
Christine

Re: Hintergrundfarbe ändern

Posted: 29 Nov 2022, 07:10
by CSGIT
Hallo Christine,

ja, hatte ich gestern noch gemacht. Durfte aber kein Update mehr posten.

Dein Code funktioniert. Danke für den Tipp.

Viele Grüße
Michael

Re: Hintergrundfarbe ändern

Posted: 29 Nov 2022, 08:33
by CSGIT
Hallo Christine,

hast Du vielleicht auch einen Tipp wie ich noch die Navigationsbereiche (Pfeil links/rechts und die Leiste oben) in der Farbe ändern kann? Ich habe hier einen anderen Grauton als der eigentliche Hintergrund.

VG
Michael

Re: Hintergrundfarbe ändern

Posted: 29 Nov 2022, 12:32
by christine
Hallo Michael,

Hmmm, da spielen soviele Faktoren mit, wie default-skin.css, photoswipe.css, opacity, fixe buttons etc.

Pfeil links/rechts, funktionierte nur so. Kann es nur auf einer Testseite temporär probieren.

Code: Select all

button.pswp__button--arrow--left, button.pswp__button--arrow--right {
background: darkgrey !important;  
}
Oben (falls gleiche Farbe gewünscht):

Code: Select all

.pswp__top-bar {
background: #d3d3d3 !important;
}
Gleiche Farbe oben würde ich aber nicht nehmen, ist zu hell.

Probierst es halt aus. Wenn Du einen Code reingibst, einen anderen probierst (andere Farbe z.B.), dann kannst Du einen Code (einstweilen) auskommentieren. Also: ein */ am Anfang des Codes und ein /* am Ende.
Dann musst Du das nicht immer löschen bzw. neu eingeben. Sondern halt das Auskommentieren aufheben.

Live zu sehen, wäre besser.

Liebe Grüße
Christine

Re: Hintergrundfarbe ändern

Posted: 29 Nov 2022, 13:07
by CSGIT
Hallo Christine,

das mit der oberen Leiste hat funktioniert. Danke.

Bei den beiden Navigationspfeilen hat sich nur ein Rahmen in einem anderen Grau gebildet. Der eigentliche Pfeil ist unverändert. Aber vielleicht kann ich das auch so lassen. Muss da mal Rücksprache halten.

Vielen Dank für Deine Hilfe.
Michael