Gallery Theme "Photography"

Phoca Templates - templates for Joomla! CMS
chemnitzer
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 02 Jan 2018, 13:32

Gallery Theme "Photography"

Post by chemnitzer » 16 Feb 2021, 12:26

Hallo Christine
Danke für die schnelle Antwort. Hier als neues Thema eingetragen.
Ich habe ein Problem mit der Anpassung der Phocavorlage "Photography", da ich aber erst angefangen habe mich mit Joomla und Phoca zu beschäftigen fehlt mir einiges Wissen. In der Ansicht der Kategorie möchte ich nur die Bilder wie im Bild des Downloads sehen. Also ohne Umrandung nur mit Abstand.
Wenn die Seite geladen ist sehe ich folgenden css-Code nach [F12]:
.pg-cv-box { (der Kategorie oder der seite/menüpunkt zugeordnet)
height: 120px;
width: 100px;
}
und danach
.pg-cv-box { (der Default.css:45 zugeordnet )
float: left;
padding: 10px;
margin: 5px;
-webkit-box-shadow: 1px 1px 2px 1px rgb(120 120 120 / 50%), inset 0px 0px 7px 7px rgb(240 240 240 / 20%);
box-shadow: 1px 1px 2px 1px rgb(120 120 120 / 50%), inset 0px 0px 7px 7px rgb(240 240 240 / 20%);
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
}

ändere ich heigth: auf 100px und padding: auf 0px dann habe ich das Bild OK.
Wo muss ich diese Änderungen im Template eintragen damit das immer Aktiv ist.

Meine Internetseite ist : kiroma.de
Das Template ist Testweise im Menüpunkt "2019 Kreta" zugewiesen
Systeminfo: Joomla 3.9.24
PHP-Version: 7.4.13
Apache: 2.4.43(UNIX)

Freundliche Grüße
Roland

Tags:

User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 7697
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Gallery Theme "Photography"

Post by Benno » 16 Feb 2021, 13:40

Hi,
erstelle unter: backend --> Komponenten --> Phoca Gallery --> Kontrollzentrum --> Stile
die Datei: custom.css
Image
und kopiere diesen Code rein:

Code: Select all

.pg-cv-box {
	float: left;
	padding: 0px;
	margin: 5px;
	-webkit-box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
}
Image

Da die Datei custom.css nicht zum Installationspaket von Phoca Gallery gehört, wird sie bei Updates von Phoca Gallery auch nicht überschrieben, ist also updatesicher.

height: 120px;
steht jetzt auf 100px ?!

Freundliche Grüße,
Benno

chemnitzer
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 02 Jan 2018, 13:32

Re: Gallery Theme "Photography"

Post by chemnitzer » 17 Feb 2021, 12:59

Hi
Danke für die schnelle Lösung - hat alles funktioniert. Ich werde jetzt mal versuchen noch andere Parameter anzupassen.
Freundliche Grüße
Roland

User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 7697
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Gallery Theme "Photography"

Post by Benno » 17 Feb 2021, 14:06

Prima!

Freundliche Grüße,
Benno

Post Reply