Jak nastylovat poslední řádku produktů ve výpise

Dnes si zde s prominutím pouze odložím css snippet, pro pozdější použití ;-)

V případě, že z nějakého důvodu potřebujete nastylovat odlišně poslední řádek produktů, pomůže tento snippet:

.products li:nth-child(3n+1):nth-last-child(-n+3),
.products li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
   border:none;
}
.products li:nth-child(4n+1):nth-last-child(-n+4),
.products li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
 border:none;
}
.products li:nth-child(5n+1):nth-last-child(-n+5),
.products li:nth-child(5n+1):nth-last-child(-n+5) ~ li {
 border:none;
}

Funguje pro 3, 4 a 5 produktů na řádku, kdy nevíte, kolik jich vám na poslední řádek vyjde.

Čtěte  Jak získat všechny obrázky přiřazené k článku?

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Related posts

1 Comment

  1. Pingback: Jak nastylovat poslední řádku produktů ve výpise – podnikej.net

Leave a Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Chcete mít přehled o dění ve světě WordPressu?

Přímo do vašeho emailu

Pravidelný přehled o novinkách, trendech a událostech, které se točí kolem WordPressu. Souhrn toho nejzajímavějšího od nás i ze zahraničí.