Moduł STOPKA w pozycji footer

[terra]

Jak dasz center to wyrówna do środka, start zacznie układać od początku, end bedzie układać od końca. Jeśli jest na to przestrzeń, to zacznie rozmieszczać w pionie.
Nie bardzo wiem co chcesz osiągnąć, bo

body.wrapper-fluid footer > .grid-child {
  align-items: start;
}

narzuca wyrównywanie modułów w footer, tak jak tego oczekujesz. Jeśli tego nie robi, to sprawdź klasy tego elementu, bo pewnie on ma jakiś margin lub padding.

[james.bien]

Tekst, albo pozycje z menu wyświetlają mi się wyrównane do środka (1). Bardziej podoba mi się, gdyby wyrównanie było od góry (2) - załącznik.

W kodzie mam:

body.wrapper-fluid footer > .grid-child {
  padding-right: 2em;
  padding-left: 2em;
}

Nawet jak dorzucę align-items: start; nic to nie zmienia

footer.jpg

[terra]

bo to nie ta definicja

poszukaj wiersza, z nadrzędną definicją

body.wrapper-fluid footer>.grid-child{
align-items: start;
}

w css istotne jest drzewo klas i kolejność zapisu

[james.bien]

Kolejna lekcja do odrobienia. Dzięki. Spróbujemy.

Sposób na rozwiązanie tego problemu, mało elegancki i być może niezgodny ze sztuką, to zastosowanie znacznika <br />. Efekt zamierzony osiągnięty.

Inny sposób: czy mój tok rozumowania jest dobry - utworzenie nowej klasy, wywołanej potem w ustawieniach modułu, która zrealizuje efekt. Czy taką klasę zapisuje się wtedy w template.css czy może w user.css?

JB

[terra]

template.css bedzie nadpisywany przy aktualizacjach

[terra]

stosowanie <br> to sztywne ustawienie odległości, więc jeśli sąsiedni moduł wydłuży się , albo skróci to odległość przestanie pasować.
1. Użyj zakładki modułu WZBOGACONE i dodaj tam jakąś klasę np. bottom
2. w pliku user css dodaj definicję

.footer .bottom {
margin-top:auto;
}

[james.bien]

terra

stosowanie <br> to sztywne ustawienie odległości, więc jeśli sąsiedni moduł wydłuży się , albo skróci to odległość przestanie pasować.

<br> to delikatne "oszukanie" wyświetlania. Przy zmiennej wysokości sąsiadujących modułów rozjeżdża się układ i wygląda to faktycznie mało profesjonalnie.

Próbuję - bez efektu

body.wrapper-fluid footer>.grid-child{
align-items: start;
}

Próbowałem - bez efektu (miałem padding-right i -left; dodałem align-items: stretch)

body.wrapper-fluid footer > .grid-child {  
  padding-right: 2em;
  padding-left: 2em;
  align-items: stretch;
}}

Próbuję - wywołuję bottom w klasie modułu, bez efektu

.footer .bottom {
margin-top:auto;
}

.footer .bottom {
    /*margin-top: auto;*/ 
    align-items: stretch;
}

Zamierzony efekt widzę tylko podczas inspekcji, align-items: center. Center zamieniam na stretch, baseline, start - wtedy jest ok, ale do tylko podgląd.

.footer .grid-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem .5em;
}

Póki co - brak pomysłów. Ale i tak dzięki za wskazówki. Zawsze to jakaś nauka.

JB

[terra]

Za dużo mieszasz, może widzisz efekt, ale to fikcyjne wrażenie, bo baseline i stretch pełnią zupełnie inne funkcje. Wyczyść zmiany które wprowadziłeś i opcja z klasą dla modułu zadziała.
stretch to rozciąganie na wolną przestrzeń, a baseline ustawianie sekcji w osi. poziomej.

skorzystaj z tego https://www.w3schools.com/cssref/css...-block-end.php

[james.bien]

Wszystkie te moje chaotyczne próby robiłem oddzielnie, żeby sprawdzić, która z nich zadziała. Nie zauważyłem oczekiwanego efektu.

Na czystej instalacji Joomla i Cassiopei (żadnej ingerencji w żaden plik) do pliku user.css dodaję:

.footer .bottomf {
    margin-top: auto; 
}

Efekt w załączniku, układ się nie zmienia.

[terra]

Nie wiem, czy to tylko tutaj, ale masz literówki, w module jest bootomf, a w klasie bottomf