Styling Detail and Category View

Weazle · Post by **Weazle** » 16 Mar 2016, 16:35

Hi everybody,

I am new here, I am tinkering my first site with joomla and phoca gallery.

Here is the relevant site of my homepage:

http://www.hiw.area54-design.de/index.p ... onnenuhren

There are several things I find disturbing.

1. There is so much place - left beside the title. Why is the title not complete? Where can I change this?
2. How can I change the font - I want to have it like in Joomla?

Please click the first pic "Hof - Alte Plau...".
The description is on an awful position, squeezed in the edge.
3. There is so much place under the picture - can the text be there? Where can I change the css code?
4. Again, where can I change the css for the font?

I would be very happy if you can help me.

Greetings, Weazle

Post by **Benno** » 16 Mar 2016, 17:22

Hi,
1.) Die Schrift, die Phoca Gallery verwendet ist in Deiner template.css Zeile 189 gesetzt:

Code: Select all

body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}

Das ist die gleich Schrift, die auch in Deinem übrigen Content verwendet wird.

2.) Wenn Du die Anzahl der Zeichen des Bildtitel meinst:
backend --> Komponenten --> Phoca Gallery --> Kontrollzentrum --> Optionen --> Kategorie Ansicht --> Kategorie Ansicht - Einstellungen -->
Anzahl der Zeichen für den Namen=(Standard ist 15)erhöhen

3.) Zur Beschreibung in der Detailansicht.
Du benutzt jetzt die Standard Detailansicht Modalbox. Probier mal eine andere Detailansicht aus, z.B. Highslide JS(Nur Bilder). Damit lässt sich eine Beschreibung deutlich eleganter anzeigen.

Freundliche Grüße,
Benno

Weazle · Post by **Weazle** » 16 Mar 2016, 17:52

Hallo Benno,

du hast mir mit allem geholfen, vielen Dank!

Den Schriftcode habe ich zwar nicht gefunden, in meiner template.css fand ich <body> nicht, ich meine aber die von Joomla. Wie komme ich an das css von der Phoca Gallery ran? Ist dann aber auch egal, weil sich das mit der Schrift dann erledigt hat. Aber es wäre interessant zu wissen

Wie kann ich die Phoca Gallery auf deutsch umstellen?

Ich habe die Slimbox ausgewählt, die ist wirklich gut.

DANKE nochmal
LG Weazle
P.S. Soll ich eigentlich bei Fragen gleich in deutsch schreiben? Ich habe zuerst englisch geschrieben, weil ich dachte, die Wahrscheinlichkeit, dass mir einer hilft ist größer.

Post by **christine** » 16 Mar 2016, 19:28

Hallo Sonni,

also einen <body> gibt's immer

Die Zeile wurde Dir ja genannt.

Phoca CSS: jetzt englisch, weil Du es ja noch nicht auf deutsch hast: Phocagallery > Control Panel > Styles.
Meistens in der default.css zu finden. Allerdings: wenn ich Änderungen mache, dann gebe ich diese ans Ende der template.css (wegen Update).

PG auf deutsch umstellen > Schau mal in die Signatur von Benno

Hier ist sie: http://www.reisefotografien.eu/download ... komponente

Kannst ruhig deutsch weiterschreiben. Wir verstehen das.

Zur Frage wegen der Titel rechts (anderes Forum) > Bei den Modulen: Titel auf verbergen.

Liebe Grüße, Christine

OT: Hi Benno

Post by **Benno** » 16 Mar 2016, 19:35

Hi,

Wie komme ich an das css von der Phoca Gallery ran?

backend --> Komponenten --> Phoca Gallery --> Stile --> Phoca Gallery (anklicken)
Dann öffnet sich die phocagallery.css, die Du nach Deinen Wünsche bearbeiten kannst.

Wie kann ich die Phoca Gallery auf deutsch umstellen?

In dem Du dieses Paket: http://www.reisefotografien.eu/download ... j25-j3-zip
von unserer Seite herunterlädst und über:
Erweiterungen --> Verwalten
installierst.

Soll ich eigentlich bei Fragen gleich in deutsch schreiben? Ich habe zuerst englisch geschrieben, weil ich dachte, die Wahrscheinlichkeit, dass mir einer hilft ist größer.

Du bekommst hier von Christine, Jan oder mir geholfen. Wir alle drei sprechen Deutsch.

Freundliche Grüße,
Benno

OT. Hi Christine, auch diesmal warst Du wieder schneller...

Weazle · Post by **Weazle** » 16 Mar 2016, 20:56

Hallo Christine und Benno,

danke für eure Antworten. Wollte euch zwein auf einmal antworten. Ich fang mal an:

Ich habe bei dem verwendeten template jpeople das <body> schon gefunden, aber bei styles.css.

Code: Select all

body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #555; height: 100%; padding:0;}

Da stand aber nix von Helvetica Neue.

Allerdings: wenn ich Änderungen mache, dann gebe ich diese ans Ende der template.css (wegen Update).

Wird denn das da erkannt, muss ich das anders schreiben?

In dem Du dieses Paket: http://www.reisefotografien.eu/download ... j25-j3-zip
von unserer Seite herunterlädst...

Kann ich das jetzt, wo ich schon Inhalte drin habe und schon einige Einstellungen geändert hab, noch machen oder ist dann alles futsch und ich kann nochmal von vorn anfangen?

Schön, dass ich weiter deutsch schreiben kann

Gute Nacht
Sonni

Post by **Benno** » 16 Mar 2016, 21:11

Hi,

Kann ich das jetzt, wo ich schon Inhalte drin habe und schon einige Einstellungen geändert hab, noch machen oder ist dann alles futsch und ich kann nochmal von vorn anfangen?

Definitiv ja das kannst Du machen und nein es ist nix anschließend weg!

Mit den CSS Sachen wird Dir sicher Christine weiterhelfen, denn da ist sie deutlich fitter, als ich das bin.

Freundliche Grüße,
Benno

Weazle · Post by **Weazle** » 16 Mar 2016, 21:17

Hallo Benno, komisch, dass du mir antwortest, ich sehe mein letztes Posting nicht. Was ist da los? Ich wollte noch das mit dem Modul löschen, weil ich es rausgefunden habe. Aber das ging nicht, mein Beitrag ist wie gesagt weg. Ich habe den Cache vom Browser gelöscht, aber das half nicht.

Post by **christine** » 16 Mar 2016, 21:25

Hallo Sonni,

Es ist so, dass durch viele Spamfluts quasi als Zufallsprinzip oder so, Threads erst "approved" werden müssen. Hatte Benno auch getan.
Nur ist dieses wohl hängen geblieben. So, nochmals ein Schupser nun & es ist da. Ist nicht weg

Muss aber erst lesen. Meld mich dazu später.

Liebe Grüße, Christine

Post by **christine** » 16 Mar 2016, 23:35

Hi Sonni,

Benno hat Dir schon die richtige CSS genannt.
Style.css:

Da stand aber nix von Helvetica Neue.

Der Unterschied ist der, dass die template.css zum Schluss geladen wird & da kann in der style.css stehen was will (gleiches Element betreffend).

Also zuerst die: styles.css - System nimmt was es dort kriegt.

(wenn es keine template.css gäbe)
Dann die normalize.css - " -
Dann die template.css

Heißt: wenn Du in der style.css was ändern möchtest, geht das dort nur mit einem ergänzenden: !important; Ausnahme:
Ist ein bestimmtes Element nicht in der template.css, aber in der style.css, kann es dort normal geändert werden (ohne !important;)
Du kannst aber auch ein bestimmtes element, Beispiel: border-left: 2px solid red; extra definieren. Am besten ans Ende der template.css.

Manche templates haben auch eine: custom.css, für eigene CSS Formatierungen. Man kann sich auch eine eigene custom.css einbauen.

Was möchtest Du überhaupt ändern?
Solltest Du was in der Phoca CSS finden, was Du ändern möchtest, dann nimmst Du diesen Code, änderst da was und setzt es ans Ende der template.css

Fragen zu Phoca Einstellungen, da ist unser Benno der Meister. Samt notwendigen Klickwegen

Liebe Grüße, Christine

Phoca Forum

Styling Detail and Category View

Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View

Re: Styling Detail and Category View