Piwigo.org

foto-momente · 2021-02-15 14:59:42

Servus Norbert,

Du hast da ein bisschen oft (drei mal) .jumbotron mit widersprüchlichen padding Angaben stehen.
Hast Du zwei Angaben nach pading, ist die erste die Angabe oben und unten, die zweite links und rechts.
Ich empfehle Dir, die paddings bei .jumbotron auf eines zu reduzieren.
(Erklärung zu padding:https://www.w3schools.com/css/css_padding.asp)

Da ich persönlich das mit den "rem" und "em" nicht wirklich kapiert habe (und ich glaube auch, es nicht zu brauchen) bin ich bei den Abständen immer auf px.

Hier findest Du Details zu px, em und rem: https://die-netzialisten.de/em-und-rem- … terschied/.

Zum LFE, sollte theoretisch gehen, habe ich aber nicht getestet, aber dann sollte die custom css in den bootstrap Einstellungen leer sein.

Grüße aus Wien,
Thomas

foto-momente · 2021-02-15 15:05:14

Nachtrag:

ich habe soeben die custom css der Bootstrap Konfiguration in die custom.css vom LFE verschoben, läuft einwandfrei.
Ist auch übersichtlicher im LFE.

Grüße aus Wien,
Thomas

Slim · 2021-02-15 15:10:03

Ja das ist nähmlich das was in den Jahren dazugekommen ist.

Vieles habe ich mit hilfe von @teekay eingebunden und weil ich das nicht aufgeschrieben habe, weiss ich nicht mehr was einzelne Dinge da für eine bedeutung haben.

Ok! Das mit CSS werden ich mal probieren. Dann werde ich es auch so machen.

Ich muss hier im Posting mal zurück schauen was das einzelne so darstellt.

Juhuuu, das hat geklappt. Der CSS-Code nur noch im LFE eingebunden.

foto-momente · 2021-02-15 15:22:47

sieht im LFE so aus:

Slim · 2021-02-15 15:44:06

Da braucht man keine Zeit zu.

Das ganze ist hier Enttäuschend. Die Code-Schnipsel von @teekay gibt es nicht mehr.
Sind alle raus. Somit weiss ich natürlich nicht was die einzelnen für eine bedeutung haben.

Wenn das ein Forum ist wo sich das irgendwann in luft auflöst ist das nicht schön.

Da kann ich mich nur rantasten und einzelnes auskommentieren und abwarten was passiert.

foto-momente · 2021-02-15 15:51:41

sehe ich auch so.
Wenn Du bei den .jumbotron bist, alle auf einmal auskommentieren, einen aktivieren, wenn Du den nächsten aktivierst, den vorigen wieder auskommentieren.

Slim · 2021-02-15 15:51:47

foto-momente schrieb:
Da ich persönlich das mit den "rem" und "em" nicht wirklich kapiert habe (und ich glaube auch, es nicht zu brauchen) bin ich bei den Abständen immer auf px.

Das ist ganz einfach Text in Pixel sind feste größen und in rem und em wird der Text automatisch auf die richtige größe angepasst. Er wird skaliert.

Slim · 2021-02-15 16:18:08

Ich habe die ganze "Pagnation" auskommentiert. Keine Fehler es ändert sich nichts. Toll!

Auf den anderen Seiten auch. Keine Änderung oder Fehler.

foto-momente · 2021-02-15 16:35:37

Slim schrieb:
Hallo Teekay,

ein Wunsch hätte ich gerne noch. Ich habe Versucht es über die Browser Entwicklung heraus zu bekommen, aber ging irgendwie nicht.

Die Navigationsleiste "Bild 1" passt nicht so richtig.

Schöner wäre es wie im "Bild 2" nur mit Rahmen.

Ein einfacher Rahmen wäre besser.

Slim

PS: Seit heute Morgen habe ich "Bootstrap_Lumen" jetzt im echtsystem laufen. Keine Probleme.

teekay schrieb:
Hi Slim,

das ist halt in dem Boostwatch style so gesetzt.

Die CSS-Klassen zum Überschreiben sind

.pagination
.paginantion .page-item
.pagination .page-link

Kuck mal in css/bootstrap-default/bootstrap.css, und kopiere alles relevante in dein custom CSS.

Keine Ahnung, was ihr damit gemeint habt. (auf die schnelle habe ich auf meiner Seite nichts mit "pagination" gefunden)

Beitrag geändert von foto-momente (2021-02-15 16:36:56)

Slim · 2021-02-15 20:10:18

teekay schrieb:
Die CSS-Klassen zum Überschreiben sind

.pagination
.paginantion .page-item
.pagination .page-link

Kuck mal in css/bootstrap-default/bootstrap.css, und kopiere alles relevante in dein custom CSS.
Keine Ahnung, was ihr damit gemeint habt. (auf die schnelle habe ich auf meiner Seite nichts mit "pagination" gefunden)

In dem "Bootstrap-Default" Verzeichnis liegt die Bootstrap.css und da sind einige der Einträge her.
------------------------------------------------------
Für alle die es interessiert habe ich die Code-Schnipsel hier noch mal Eingefügt.

Code:

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

Slim · 2021-02-15 20:23:41

Thomas,

warum hast Du bei deiner Seite die Menüs rausgenommen?

Übrigens die Bilder mit den Wolken sind stark. Sowas bekomme ich hier im Flachen ländle nicht hin.

Norbert

foto-momente · 2021-02-16 07:35:22

Slim schrieb:
Thomas,
warum hast Du bei deiner Seite die Menüs rausgenommen?

Guten Morgen Norbert,

ich bin so ein "weniger-ist-mehr-Freak", mir war das zu überladen. Dass in der mobilen Ansicht zweimal dieses Menü mit den drei Balken zu sehen waren, hat mir überhaupt nicht gefallen. War viel suchen und Arbeit, alles im Code geändert, beim nächsten Update wieder von vorne...... (die Gefahr ist aber leider keine Große, da das Template scheinbar nicht mehr gepflegt wird...)

Slim schrieb:
Übrigens die Bilder mit den Wolken sind stark. Sowas bekomme ich hier im Flachen ländle nicht hin.

Danke!

Grüße aus Wien,
Thomas

Slim · 2021-02-16 08:09:09

foto-momente schrieb:
(die Gefahr ist aber leider keine Große, da das Template scheinbar nicht mehr gepflegt wird...)

Guten Morgen Thomas,

da mache ich mir natürlich auch Gedanken weil "teekay" sich schon seit längerem hier nicht mehr gemeldet hat. Dann kommt noch dazu das viele der Themen mittlerweile nicht mehr Verfügbar sind.

Ein Thema wird ja in den vordergrund geschoben "modus", das gefällt mit überhaupt nicht. Es bietet zu wenig Einstellmöglichkeiten.

Viele Grüße nach Wien
Norbert

drlecter · 2021-02-16 12:02:03

Das ist leider ein generelles Problem. Man kann den Leuten noch nicht einmal etwas anlasten, da das ganze in deren Freizeit gemacht wird. Ich kenne den aktuellen Entwicklungsstand bei dem Theme auch nicht.

Slim · 2021-02-16 12:15:12

drlecter schrieb:
Das ist leider ein generelles Problem. Man kann den Leuten noch nicht einmal etwas anlasten, da das ganze in deren Freizeit gemacht wird. Ich kenne den aktuellen Entwicklungsstand bei dem Theme auch nicht.

Da gebe ich dir recht.

@teekay war im Okt. 2019 wohl zuletzt auf GitHub Online. Dannach gibt es keine Einträge mehr.

https://github.com/tkuther?tab=overview … 2019-12-31

Piwigo.org

Ankündigung

#166 2021-02-15 14:59:42

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#167 2021-02-15 15:05:14

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#168 2021-02-15 15:10:03

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#169 2021-02-15 15:22:47

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#170 2021-02-15 15:44:06

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#171 2021-02-15 15:51:41

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#172 2021-02-15 15:51:47

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

foto-momente schrieb:

#173 2021-02-15 16:18:08

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#174 2021-02-15 16:35:37

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

Slim schrieb:

teekay schrieb:

#175 2021-02-15 20:10:18

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

teekay schrieb:

Code:

#176 2021-02-15 20:23:41

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#177 2021-02-16 07:35:22

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

Slim schrieb:

Slim schrieb:

#178 2021-02-16 08:09:09

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

foto-momente schrieb:

#179 2021-02-16 12:02:03

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

#180 2021-02-16 12:15:12

Re: Bootstrap default, Bootstrap_Darkroom und die Folgen

drlecter schrieb:

Brett Fußzeile