Sarakkeiden asetukset
- Johanna Lintala
Colum/sarakkaiden asetukset
Ns. pääsarakkeen asetuksista voit määritellä montako pienempää alisaraketta kyseiseen sarakeosioon maksimissaan voi lisätä sekä määritellä vähimmäiskorkeuden sarakkeelle.
Margins and padding
Nämä määritykset tulevat samalla tavalla työpöytä- ja mobiilinäkymiin eikä niitä voi erikseen muuttaa per näkymä page builderin avulla.
Margins Sisällön osion kaikkien sivujen ulkoreunoihin lisätään tyhjää tilaa annetun määrän mukaan. Voit valita erikseen ylhäälle, oikealle, alas ja vasemmalle.
Padding Sisällön osion kaikkien sivujen sisäreunaan lisätään tyhjää tilaa annetun määrän mukaan. Voit valita erikseen ylhäälle, oikealle, alas ja vasemmalle.
Alisarakkeilla on omat asetukset, joten on tärkeää kohdistaa hiiri oikeaan kohtaan.
Seuraavaksi alisarakkaiden asetukset
Appearance /ulkomuodon vaihtoehdot
Full height: Sarake ulottuu koko osion korkeuteen
Top aligned: Sarake on kohdistettu osion yläosaan
Centered: Sarake on osion keskellä
Bottom aligned: Sarake on osion alaosassa
Minimun height: Voit antaa sarakkeelle vähimmäiskorkeuden. Vähimmäiskorkeus voi vastata taustakuvan korkeutta. Jos asetat vähimmäiskorkeuden niin aseta vertical aligment/ pystysuuntainen kohdistus ohjataksesi sarakkeen sisältöosioiden sijaintia.
Vertical aligment /pystysuuntainen sijoittelu määrittää kuinka tämän osion aliosiot sijoitetaan. Aseta minimikorkeus niin voit käyttää pystysuoraa kohdistusta.
Backround /Tausta. Rivin taustaan voit määrittää monia vaihtoehtoja. Voit käyttää yksinkertaista väriä tai taustakuvaa ja lisätä muita tehosteita.
Backround color asetuksella määrität taustavärin riville. Mikäli et halua väriä voit jättää valinnan No color.
Napauttamalla värivalitsinta voit antaa värin nimen, tai heksadesimaaliarvon. Voit myös säätää värin peittävyyttä tässä kohtaa.
Eri arvoja on:
Ennalta määritetty värin nimi esim. white
Heksadesimaaliväriarvo esim. #ffffff
Värin rgba- arvo ja peittävyysprosentti esim. rgba (255,255,255,0,75)
Backround type
Voit lisätä työpöytänäkymään ja mobiilinäkymään omat kuvat. Kuvan maksimikoko on 2mb. Ja tiedostomuoto JPG, GIF tai PNG.
Backround size: Valitse tästä miten taustakuva skaalataan suhteessa rivin leveyteen
Cover: Taustakuva peittää rivin koko leveyden
Contain: Taustakuva on rajoitettu sisällön leveyteen
Auto: Käyttää valitun tyylisivun kokoa
Backround position valinnat:
Top Left/Ylävasen, Top center/ Ylhäällä keskellä ja Top right/yläoikea.
Center left/keskitetty vasemmalle, Keskitetty, Center right/ keskitetty oikealle
Bottom left/alavasen, Bottom center/alhaalla keskellä ja bottom rigth/ alaoikea
Backround attachment: Aseta liitteen tyyppi määrittääksesi miten taustakuva liikkuu suhteessa vieritettävään sivuun.
Scroll: Liitteenä oleva taustakuva synkronoidaan siirtymään alaspäin sivun vieriessä. Käytä parallax backroundia vieritysnopeuden säätämiseen
Kiinteä: Taustakuva ei liiku, kun osio vierii kuvan päällä ja se on kiinnitetty määritettyyn taustakuvaan (ei saatavilla mobiililaitteille).
Backround repeat: Valitse kyllä, jos haluat toistaa taustakuvan rivin tyhjän tilan täyttämiseksi
Lisäasetukset
Aligment/Tasaus: Voit määrittää riville lisättyjen sisältöosioiden vaakasuoraa sijaintia .
Default: Käyttää oletusaseusta, joka on määritetty nykyisen teeman tyylisivulla
Left: Tasaa sisältöosiot riviosion vasempaan reunaan ottaen huomioon kaikki määritetyt sisällöt.
Center: Tasaa sisältöosiot riviosion keskelle määritetyn sisällön mukaan.
Right: Tasaa sisältöosiot oikeaan reunaan siten, että kaikki määritellyt sisällöt otetaan huomioon
Border: Aseta reunuksentyyli, jota käytetään riviosion ympärillä.
Default/ Oletus: Käyttää oletusreunustyyliä, joka on määritelty tyylisivuilla.
None/ Ei mikään: Ei ole reunusta näkyvillä
Dotted: Reunus näkyy katkoviivana
Dashed: Reunus näkyy katkoviivana
Solid: Reunus näkyy yhtenäisenä viivana
Double: Reunus näkyy kaksoisviivana
Groove: Reunus näkyy uritettuna viivana
Ridge: Reuna näkyy uurteisena viivana
Inset: Reunus näkyy upotettuna rivinä
Outset: Reunus näkyy aloitusviivana
Border color Jos valitset reunukselle tyyliksi muun kuin No Color niin täydennä reunuksen näyttöasetukset samoin, kuin taustan väriasetuksissa.
Border width Syötä reunaviivan leveys pikseleinä
Border radius Syötä pikselimäärä määrittääksesi koko, jota käytetään reunan jokaisen kulman pyöristämiseen
(ei pakollinen) Määritä nykyisen tyylisivun CSS - luokkien nimet, joita käytetään riviosiossa. Erota useat luokan nimet välilyönnillä.
Margins and padding
Nämä määritykset tulevat samalla tavalla työpöytä- ja mobiilinäkymiin eikä niitä voi erikseen muuttaa per näkymä page builderin avulla.
Margins Sisällön osion kaikkien sivujen ulkoreunoihin lisätään tyhjää tilaa annetun määrän mukaan. Voit valita erikseen ylhäälle, oikealle, alas ja vasemmalle.
Padding Sisällön osion kaikkien sivujen sisäreunaan lisätään tyhjää tilaa annetun määrän mukaan. Voit valita erikseen ylhäälle, oikealle, alas ja vasemmalle.