Voit muokata suunnittelumallin kaikkia kohtia sekä poistaa elementtejä varausmoottorista. Tarvitset CSS-koodauksen perustietoja tämän ominaisuuden käyttämiseksi.

  1. Valitse Asetukset -> Varausmoottori -> Hallitse varausmoottoreita ja napsauta Muokkaa-painiketta varausmoottorin kohdalla, jota haluat muokata.
  2. Valitse Mukautettu CSS-välilehti.
  3. Kun olet lisännyt mukautetun CSS:n, napsauta Tallenna CSS.

Parhaat käytännöt CSS:n mukauttamiseksi

Yleiskatsaus

CSS:n mukauttamisen helpottamiseksi olemme tarjonneet erityisiä luokkia merkintöjen yleiselle rakenteelle ja hierarkialle, pääasiassa yleisille elementeille, kuten div tai span, lisäkontekstin antamiseksi. Käytämme BEM (Block, Element, Modifier) -nimityskäytäntöä perustana.

BEM-perusrakenne

Name Description Example
.block { } .block represents the higher level of an abstraction or component. .page-results
.block__element { } .block__element represents a descendant of .block that helps form .block as a whole. .page-results__card-items
.block–modifier { } .block–modifier represents a different state or version of .block. .page-results__card-items–unit

Useimmissa tapauksissa tämän pitäisi riittää mukautetun CSS:n käyttämiseen. Emme suosittele, että käytät ID-valitsimia tai muita luokan valitsimia (esimerkiksi niitä, jotka alkavat js- tai sirvoy- ), koska niitä ei ole tarkoitettu muotoilutarkoituksiin ja ne saattavat muuttua.