Page 1 of 2

Distance between Category

Posted: 02 Mar 2016, 12:42
by hatschipu
Hi guys,

i have a issue with my phoca gallery and can't solve it. (Phoca 4.2.2, Joomla 4.2.1).
No matter what setting I, the distance of the displayed Category does not change in the backend under Categories or Category posh. Furthermore, I do not find the settings on mouseover (Background, Size, Font, e.g.). These were in the version 2.4. Does anyone have a tip for me?

Kind regards

Christian

Hi Leute,

ich habe Probleme mit meiner Phoca Gallery. (Phoca 4.2.2, Joomla 4.2.1).
Egal welche Einstellung ich im Backend vornehme, änder sich der Abstand zwischen den Categorien nicht. Des Weiteren vermisse ich die Einstellungen
für Mouseover (Hintergrund, Größe, Schriftart usw.) Diese waren in einer früheren Version vorhanden. Nun nicht mehr. Hat jemand einen Tip für mich diese Probleme zu lösen ?

Danke

Chrsitian

Re: Distance between Category

Posted: 02 Mar 2016, 12:56
by Benno
Hi,
installier Dir z.B. Firebug (falls Du Firefox als Browser verwendest) und Du wirst mit diesem Tool sehr leicht herausfinden, was Du in welcher CSS Datei ändern mußt, um die von Dir gewünschten Ergebnisse zu erzielen.

Freundliche Grüße,
Benno

Re: Distance between Category

Posted: 07 Mar 2016, 12:29
by hatschipu
Hallo Benno,

leider bin ich mit CSS usw. nicht soooo fit. Hatte gehofft hier im Backend einiges einstellen zu können. Bei Version 2.5 ging das noch...
Ich würde z.B. gerne die Kategorien ohne Rand und mit kleiner Beschreibung darstellen wollen. Habe das mal bei jemandem gesehen.
(hier das Beispeil: http:// .../index.php/projekt-galerie ) und so sieht das Ganze bei mir aktuell aus:
http:// .../referenzen/category/3-referenzen.html

Hat noch jemand einen Rat ?

Vorab vielen Dank

Grüße

Christian

Re: Distance between Category

Posted: 07 Mar 2016, 14:12
by christine
Hallo Christian,
hatschipu wrote:ch würde z.B. gerne die Kategorien ohne Rand und mit kleiner Beschreibung darstellen wollen.
dieser Rand ist in der default.css, Zeile 41. Könnte man dort löschen. Ist allerdings dann wahrscheinlich nach einem Update wieder da.
Schreibe ans Ende der nexus.css:

Code: Select all

.pg-cv-box {
box-shadow:none;
}
Da die Hintergrundfarbe gleich ist, braucht hier nicht mehr gemacht zu werden.
Ansonsten: background-color: transparent;

Die Abstände (post 1) findest Du auch in der default.css, Zeile 41.
paddings bzw. margins.

Liebe Grüße, Christine

Re: Distance between Category

Posted: 07 Mar 2016, 19:16
by hatschipu
Hi Christine,

erstmal vielen Dank für die Hilfe. Kannst Du mir noch sagen wo ich die CCS Dateien finde
in der Phoca Gallery 4.2.2 ? Finde weder unter
components/com_Phocagallery/assets
noch unter
administrator/components/com_phocagallery
die passende CSS Datei zum anpassen.

Danke vorab

Christian

Re: Distance between Category

Posted: 07 Mar 2016, 20:05
by christine
Hallo Christian,

a) die gesuchte Datei wäre: http:// .../media/com_phocagallery/css/custom/default.css

also: .../media/com_phocagallery/css/custom/default.css

b) Die CSSen findest Du (auch) im backend: Erweiterungen > Phocagallery > Themen > CSS Datei bearbeiten. Dort ist auch die default.css
wie aber schon erwähnt, können diese bei einem Update überschrieben werden. Daher:

c) probier mal folgendes:

An das Ende der nexus.css gibst Du:

Code: Select all

.pg-cv-box {
width:140px !important;
} 
 
.pg-cv-box {
box-shadow:none;
}
Der 1. Code ist mit einem !important versehen, weil dieser fix in der index.php des templates ist. Dieser hat: width: 100px;
wenn Du Dir den Quelltext ansiehst (Seitenquelltext ansehen) siehst Du es.
Habe 140px; genommen. Musst Du selber probieren. Weil Deine Namen oft länger sind.

Der 2. Code ist, dass man den Rahmen bzw. Schatten nicht sieht.
Da der Hintergrund sowieso weiß ist, braucht an der background-color nichts gemacht werden.
Es sei denn, Du veränderst den "content background".

Liebe Grüße, Christine

Re: Distance between Category

Posted: 08 Mar 2016, 11:09
by hatschipu
Hi Christine,

danke für die Hilfe. Ich konnte die nexus.css nicht finden ( weder im Backend, noch auf dem FTP ) daher habe ich (vorerst) die Anpassungen in der default.css vorgenommen. Soweit so gut. Vl kannst Du mir noch beschreiben wo ich die nexus finde ?

Aktuell sieht es so aus:http:// .../referenzen/category/3-referenzen.html
und so hätte ich es gerne: http:// .../index.php/projekt-galerie

Was muss ich dazu noch anpassen damit die Ordner vor dem Namen verschwinden,die Schrift kleiner und schöner wird und ich einen Mouseover Effekt wie im beschriebenen Beispiel habe ?

Danke

Christian

Re: Distance between Category

Posted: 08 Mar 2016, 12:21
by christine
Hallo Christian,

hast ja schon gut gemacht. Musste Deine 3 posts löschen (blieben hängen). Posts durchwandern zwischendurch einer Spamüberprüfung & müssen dadurch erst approved werden. Deine neuen Fragen schau ich mir noch an.

Liebe Grüße, Christine

Re: Distance between Category

Posted: 08 Mar 2016, 15:41
by christine
Hallo Christian,
hatschipu wrote:danke für die Hilfe. Ich konnte die nexus.css nicht finden ( weder im Backend, noch auf dem FTP ) daher habe ich (vorerst) die Anpassungen in der default.css vorgenommen. Soweit so gut. Vl kannst Du mir noch beschreiben wo ich die nexus finde ?
sind normalerweise auch im backend (kenne aber Dein Template nicht).
Erweiterungen > Template > Dein Template > CSS Folder
ansonsten: http:// .../templates/joomlage0092-ionic/css/nexus.css
Was muss ich dazu noch anpassen damit die Ordner vor dem Namen verschwinden,die Schrift kleiner und schöner wird und ich einen Mouseover Effekt wie im beschriebenen Beispiel habe ?
Die Schrift noch kleiner? Diese ist hier zu finden ca. Zeile 54:

Code: Select all

.pg-cv-name {
    font-size: xx-small;}
wegen Mouseover Effekt:

wie soll das funktionieren? Dein content Hintergrund ist zum Unterschied von der Muster URL weiß.
Muster URL ist der content Hintergrund grau.

Ordner vor dem Namen: ca. Zeile 58:

Code: Select all

.pg-cv-folder { 
background-image: url("../../images/icon-folder-small.png"); }
obige Zeile löschen oder auskommentieren.
Oder Optionen: http://www.reisefotografien.eu/phoca-be ... t-joomla-3
siehe in den Optionen: Detail Icon verbergen.

Bitte siehe Dich dort auch um.
---------
Muster URL: Dann müssen wir die Änderungen (Codes von vorher) wieder rückgängig machen.

a) vorige (von Vorpost)wieder löschen & neu:

b)

Code: Select all

.pg-cv-box {
height:100px !important;
width:100px;
margin-top:25px;
box-shadow:none;
 
}
.pg-csv-box-img, .pg-box1 {
border:3px solid #fff!important;
box-shadow: 2px 2px 2px 2px #ccc; 
}
So in etwa. In der Muster URL sind viele Inline-Formatierungen.

Wenn obiges mal gespeichert ist, kann man weiter schauen.

Liebe Grüße, Christine

Re: Distance between Category

Posted: 08 Mar 2016, 17:31
by hatschipu
Hallo Christine,

Formatierung passt soweit. Das Mouseover konnte ich auch anpassen. Bis auf den horizontalen und vertikalen Abstand
der Bildboxen zueinander bin nun zufrieden. Kann ich diese noch anpassen ? Also näher zusammen ? Oder klappt das dann wegen den Bildunterschriften nicht ?

Danke Dir vielmals für Deine tolle Hilfe !

Christian