Nápověda ke stylování widgetu

Nové widgety mají kromě lepšího způsobu načítání (stejný způsob používá mj. Facebook) i možnost vkládání vlastních CSS stylů. Tuto možnost doporučujeme využít lidem se základy HTML a CSS.

Pozn. pro základní nápovědu k CSS doporučujeme tento úvod.

U widgetu můžete přes CSS ovládat vše. Class začíná vždy s předponou widget-.

---

Příklady

Poznámka: v příkladech schválně používáme dlouhé zápisy stylů. Samozřejmě můžete využít všechny zkratky dostupné v CSS.

Jak zarovnat titulek a popis doleva

.widget-title { text-align: left; }
.widget-description { text-align: left; }

Jak změnit barvu pozadí hlavičky widgetu

.widget-head { background-color: black; }

Jak změnit barvu odkazu pro otevření zadání vlastní částky

.widget-custom-open { color: red; }

Postupně budeme přidávat další příklady, jak budete s widgety pracovat. Pokud máte inspirativní vlastní řešení, neváhejte nám ho poslat na podpora@darujme.cz a můžeme jej zveřejnit jako inspiraci dalším organizacím.