Autor Zpráva
marvays
Profil
Mák modul s doporučenýma produktama. Součástí modulu je nadpis jednotlivých produktů. Ten může být až na tři řádky. Systém tedy sleduje, na kolik řádků se zobrazí nejdelší nadpis u zobrazovaných produktů, a podle toho nastaví výšku nadpisu. Problém ale je, že při různém počtu řádků v nadpisech to zarazí sezhora. Takže nadpis na jeden řádek je nahoře a podním je spousta volného místa na další dva řádky.

Umím tedy zarazit onen nadpis vertikálně na střed? element.style je přímo h5 a systém nastavuje jeho výšku automaticky dle zobrazovaných produktů. takže se jeho výška mění.

element.style {
    height: 57px;
}

.product .thumbnail-bottom a h5 {
    color: #ada999;
    font-family: Alegreya,serif !important;
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    margin: 15px 0;
}
Mlocik97
Profil
možností je mnoho, napríklad skrz flexbox

display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
Kcko
Profil
marvays:
Vyrob živou ukázku a případně načrtni jak to chceš.

Lze to řešit javascriptem / flexem / gridem / tab. hodnotou

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0