Problem z wyglądem strony głównej Prestashop 1.6.1.19

[GregasPresta]

Mam problem z wyglądem strony głównej http://reservieren.hoch-am-wind.com/

Wersja PrestaShop 1.6.1.19

Obecnie używany szablon default-bootstrap

Chodzi o wyrównanie zdjęć z opisami - pierwszy wiersz jest ok, drugi się rozjeżdża jak na obrazku.

Zależy mi na uzyskaniu dwóch wierszy po trzy zdjęcia.

 

Jak to zrobić?

Edited May 31, 2018 by 2017 (see edit history)

[krzysiek_web]

Podpowiem: display:flex; 

[endriu107]

Wystarczy to ostylować, po pierwsze piąty element w standardzie jest szerszy od innych więc musisz  mu usunąć klasę która nadaje większą szerokość, po drugie musisz sprawić aby wysokość elementów nie miała wpływu na ich układ i tu możesz nadać dla każdego li odpowiedni parametr height lub dla 4 elementu nadać parametr clear:left; 

[GregasPresta]

Dzięki za odpowiedź.

W którym pliku należy te zmiany nanieść? Czy to ta sekcja?

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
    width: 33.33%;
    float: left;
}
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
    width: 100%;
    float: left;
} }

Edited May 31, 2018 by 2017 (see edit history)

[endriu107]

Zmiany możesz nanieść w pliku global.css ale lepiej w  pliku css modułu czyli w hook.css.

[krzysiek_web]

Pisałem Ci już na innym forum:

Podmień: #htmlcontent_home ul na poniższy:

#htmlcontent_home ul {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}

[GregasPresta]

dziękuję krzysiuus, zadziałało.