Layout der Beta für J4

[jochene]

Hallo,

stelle gerade auf J4 um und würde gerne den vorhanden Stil ändern wollen.
Leider kenne ich mich damit nicht so gut aus.

https://imgur.com/a/Gb4Gx6v
Bei Bild1 möchte ich gerne die Texte zentriert, das Symbol am Anfang des Textes entfernen und die Ordnerbilder auf gleicher Größe (im Rahmen) haben. Der Rahmen links hört am oberen Bildrand auf.

https://imgur.com/1tGxZl3
Bei Bild2 den längeren Text zentriert bzw. die Jahreszahl zentriert unter dem oberen Text. Ebenfalls das Symbol entfernt.

https://imgur.com/SDon5k1
Bei Bild3 wäre dasselbe, Symbol entfernt und Text zentriert (beim Ordner). Bei den eigentlichen Bildern allerdings den Text und das Symbol entfernt.

Wie könnte ich dieses mit eigenen CSS-Einträgen realisieren?
Ich muss dabei sagen, das ich mich mit CSS nicht sehr gut auskenne.

Vielen Dank für die Unterstützung.

Gruß
Jochen

[christine]

Hallo Jochen,

versuche es damit:

Code: Select all

.pg-item-box-title, .pg-category-box-title {
text-align:center;    
}

.pg-item-box-title a, .pg-category-box-title a {
  text-align: center;
}

in eine custom.css.

Mehr Kosmetik usw. mit Link zur Seite, dass man es live untersuchen kann.
Da ich jetzt weg muss, kann ich erst später mehr schauen.

Liebe Grüße
Christine

[jochene]

Hallo Christine,

schaut schon besser.

Die Gallery wäre hier https://www.ttc-bw-sevelen.de/gallery zu finden.

Vielen Dank

Liebe Grüße
Jochen

[christine]

Hallo Jochen,

na wunderbar. Hab gesehen (dadurch jetzt URL da ist - danke): dass Du auf theme_standard eingestellt hast.
Probier mal im Backend bei Stile > auf theme_simple umzustellen. Bzw. theme_standard de-aktivieren.

Mit Symbol meinst Du wahrscheinlich die gelben Folder. Da hätte ich vorhin auch einen Code gehabt.
Dieser wirkt aber leider nur in der Category Ansicht. Bei Categories Ansicht, ist dann alles verstümmelt.
Das muss ich mir noch ansehen.

Liebe Grüße
Christine

[jochene]

Guten Morgen Christine,

ich habe folgende .css aktiviert:
- phocagallery
- simple
- theme_standard
- custom

Wenn ich bei Stile die "theme_standard" deaktiviere, schaut es nicht mehr so gut aus.
https://imgur.com/mGo65a1

Wenn ich bei Stile "simple" deaktiviere, schaut es so aus.
https://imgur.com/ENEtGo9

Mit Symbol meinst Du wahrscheinlich die gelben Folder. Da hätte ich vorhin auch einen Code gehabt.
Dieser wirkt aber leider nur in der Category Ansicht. Bei Categories Ansicht, ist dann alles verstümmelt.
Ja, die Symbole bei den Category, Categories, wenn die sichtbar bleiben, wäre es aber nicht tragisch, war bei der J3-Version schon auch so.
Bei den eigentlichen Bildern die Photosymbole sowie die Bildnamen zu entfernen, wäre allerdings super. Diese Möglichkeit gibt es bei der J3-Version.

Es ist ja noch eine Betaversion, da wird sich bestimmt noch einiges verändern.

Vielen Dank

Liebe Grüße
Jochen

[christine]

Hallo Jürgen,

Du hast zurzeit beide aktiviert: theme_standard.css und theme_simple.css.

Du meinst wahrscheinlich hier das blaue Symbol und Bildnamen:
https://www.ttc-bw-sevelen.de/gallery/1 ... aften-2022

Bekomme ich temporär so weg:

Code: Select all

.pg-item-box-title.image {
display: none;    
}

Der Hauptordner: Siegerehrung bleibt natürlich so, was ja auch sinnvoll ist. Weil obige View ja für die Vereinsmeisterschaften ist.

Liebe Grüße
Christine

[jochene]

Hallo Christine,

perfekt, so schaut es schon viel viel besser aus.

Zwei Sachen wäre da allerdings noch
- bei den Videos, wäre es super, wenn der "Link" zu den Videos tiefer und zentriert angezeigt würde.
- wenn ich mir die Bilder in der Detailansicht "Photoswipe" anzeigen lasse, ist oben rechts der Punkt "Teilen" neben "Vollbild" und "Beenden". Der Punkt "Teilen" sollte nicht angezeigt werden.

Ich hoffe, das man später in der finalen Version, viel mehr einstellen/aktivieren/deaktivieren kann (so wie bei der Gallery 4.4.3).
Auch eine Bilderansicht als "Modal Box (Gallery 4.4.3)" fände ich persönlich netter. Die Detailansichten "Bootstrap Modal Popup Fenster" und "Standart Popup Fenster" funktionieren bei mir nicht, es werden keine Bilder angezeigt.

Du hast zurzeit beide aktiviert: theme_standard.css und theme_simple.css.
Ja, ich habe beide aktiviert und pocagallery.css. Nur so sieht es aktuell am besten aus.

Der Stil von der Gallery 4.4.3 gefällt mir allerdings immer noch am besten.
Kann man hier sehen, https://www.mfc-saturn.de/gallery.html .

Vielen Dank für Deine Ideen.
Ich habe schon versucht über den Quelltext im Browser dieses zu finden. Leider immer ohne Erfolg.
Wenn ich Deinen Code dann sehe, sieht das alles so einfach aus. :)

Liebe Grüße
Jochen

[christine]

Hallo Jochen,

zunächst mal: Es ist schwierig, da CSSen nun reinzugeben, da ich jedes Mal entweder die theme_standard oder theme_simple entfernen muss. Bei Re-Load ist natürlich wieder, so wie es in Moment ist. Phocaswipe ist in Moment auch nicht.

Habe temporär auf theme_standard getan. Also theme_simple entfernt. Wenn Du den Titel wie im Stil 4.4.3 haben möchtest, dann ist es eben theme_standard. Dann habe ich so in etwa reingetan:

Code: Select all

.pg-item-box-image.pg-svg-box {
box-shadow: rgba(120, 120, 120, 0.5) 1px 1px 2px 1px, rgba(240, 240, 240, 0.2) 0px 0px 7px 7px inset;
border-radius: 2px;  
height: 150px;  
}

Liebe Grüße
Christine

[jochene]

Hallo Christine,

vielen Dank, werde ich versuchen.

Habe das mit den Videos aber gerade wie folgt gelöst:
custom.css

.pg-item-box-icons-box {
right: 2.7em;
bottom: 0.57em;
}

Da ich bei den Bildern nun keinen Namen mehr anzeige (durch Deinen Tip) konnte ich den Link nach untenbringen.

So schaut es für mich schon sehr gut aus.

Liebe Grüße
Jochen

[christine]

Hallo Jochen,

war mit Codes temporär fertig ..... auf einmal war (wieder) andere themes

Nun denn, gebe diese dennoch hier rein, das war, als theme_standard war. Geht um die gelben Folder. War irgendwo mal die Frage danach. Kannst es ja ausprobieren bzw. dann auskommentieren. Nur dass Du die Unterschiede siehst:

a) großer gelber Folder:

Code: Select all

/*großer Folder*/
.pg-svg-box {
display: none;
}

zu a) im: theme_standard funktioniert auch b)

b) kleiner gelber Folder:

Code: Select all

/*kleiner Folder*/
.ph-si-category {
display:none;
}

würde aber eher nur die kleinen Folder entfernen. Musst selbst schauen, wie es Dir am besten gefällt.

Zu dem da (derzeit) in der custom.css:

Code: Select all

.pg-item-box, .pg-category-box {
  border: 0px solid;
}

nun ja, 0px und ohne Farbe ergibt natürlich nichts. Eventuell, Kosmetik selbst probieren:

Code: Select all

.pg-item-box {
background: #d0d0d0;
 border: 1px solid blue; 
}

Liebe Grüße
Christine