V modulu Designér můžete v záložce CSS Styly vkládat vlastní styly, které jsou nadřazené defaultním stylům zvolené šablony a díky tomu můžete přizpůsobit design zcela svým potřebám. V tomto článku najdte pár tipů.
CSS hacky
Máme pro vás několik css hacků, které vám mohou pomoci jednoduše ovlivnit některé části designu nebo funkce nad rámec běžně implementované funkčnosti
Úprava štítku na obrázek
Pomocí jednoduchého css hacku můžete z klasické ikonky nahrané ke štítku udělat vlastní obrázek jako štítek. Obrázek si připravte ve formátu png 24bit s průhledností.
Poté je třeba ID konkrétního štítku, kam jste si nahráli tento obrázek, to najdete v modulu štítky v tabulce se štítky hned v prvním sloupečku ID
Pokud bude ID např. 12 tak poté do designéra přidejte styl:
.labelId-12{font-size:0;background:transparent!important;padding:0} /* Skryje původní text labelu, odstraní pozadí, odstraní odsazení */
.labelId-12 img{width:40px} /* Velikost obrázku – mobil */
@media(min-width:768px){.labelId-12 img{width:95px}} /* Tablet */
@media(min-width:1300px){.labelId-12 img{width:auto}} /* Desktop */
.labelId-12 .label-image{margin-right:0!important}; /* Zrušení mezery vedle obrázku */
A následně vypublikujete změny v designéru v záložce "Publikace".
