H2:a ligger här
H3:a här
Paragraf bara. Bry dig inte om mig.
[sibwp_form id=1]
Jag är en h2 mellanrubrik som borde ligga nära anfang-paragrafen nedanför mig
Anfang-paragrafen här. Jag ligger nära h2:an eftersom det är en mellanrubrik. Mina tre första ord är fetade eftersom jag är en anfang-paragraf. Här kommer lite lorem ipsum typ: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
Jag är en helt vanlig paragraf.
Och jag är en anfang-paragraf igen! Jag ligger långt från paragrafen ovanför för att signalera ny sektion.
Jag är en paragraf som följer rätt tätt på anfangen ovan.
Använd mig när jag inte är tillräckligt viktig för att zooma in på mobil. ☹️
Hela jag syns på DESKTOP eftersom jag har wide-desktop. Om jag inte hade haft det skulle jag beskurits och blivit stående.
Eftersom jag har CROP IMAGE = TRUE fyller jag hela skärmen på MOBILE. Jag beskärs dock väldigt hårt horisontellt. Därför gör align-100-50 att det fokuseras på högersidan av bilden och allt till vänster klipps bort. Hade jag haft align-0-50 hade ni bara sett hav, om align-25-50 hade ni bara sett bakdelen av en surfbräda. align-75-50 hade visat nästipparna på båda gubbarna. align-50-50 (eller ingen align-class alls, eftersom default är 50-50) hade visat surfkillen ensam.
Använd mig när du har liggande bilder som kanske blir lite plottriga på MOBILE, och det är bättre att ”zooma” in på något.
Jag ser ut att vara LANDSCAPE eller en kvadrat på DESKTOP, och eftersom jag har align-50-25 så kapas lite av håret på Kenza. Hade jag align-50-0 hade ni sett hela håret. align-50-100 hade ni bara sett Kenzas underkropp. Det spelar ingen roll om det första värdet är 50, 0 eller 100; eftersom hela min bredd visas på DESKTOP.
Jag fyller hela skärmen på MOBILE. Eftersom första värdet i align är 50, så beskärs jag lika mycket på båda sidor och syns i mitten. Det spelar ingen roll om det andra värdet är 0 eller 100, eftersom hela min höjd visas i MOBILE.
Använd mig när du har en ensam PORTRAIT, eftersom såna blir så väldigt stora på DESKTOP annars.
På desktop ser jag likadan ut med en liten skillnad – du ser mer av Kenza. Detta eftersom denna text är kortare och just portrait-crop-block funkar så. Kanske fixas detta i framtiden.
På MOBILE ser du hela mig eftersom CROP IMAGES = FALSE.
Jag har typ aldrig blivit använd. Men det kanske finns ett behov av mig någon gång. ????
psst. Din kompis paragrafen här. Jag har CLASS ”COLOR-RED” så du ska se mig ordentligt. Om du vill ha en portrait som syns i sin helhet på både DESKTOP och MOBILE och inte har någon STICKY-grej, så kan du lägga in det som ensamt bild-block.
Använd mig om det inte är så viktigt att hela min bredd syns på mobile.
Du borde bara se vänstra sidan av mig på MOBILE.
Hade jag haft align-50-50, eller ingen align-class alls, hade jag varit centrerad i alla led
Använd mig när du inte behöver visa hela min bredd, men vill ”zooma” in något speciellt.
Eftersom jag har CROPPED IMAGE = FALSE så syns jag i min helhet på både DESKTOP och MOBILE.
Använd mig när du har minst två PORTRAIT som alltid bör visas i sin helhet.
… och align-25-75 gör ingenting alls eftersom jag ju inte beskärs. LURING! ????
Använd mig precis som du gör med min kompis bredvid.
Jag är en h2:a i en faktaruta som berättar om GALLERY-GRID nedan
Nedan en GALLERY med CROP IMAGES = TRUE, CLASS=”GALLERY-GRID” och COLUMNS=4
Detta lägger bilderna i ett rutnät utan captions. Svävar du över med muspekaren ser du dock captions.
Bredden är 4 rutor, men kan vara 3. Du kan lägga classen UPPSLAG på en enskild bild så blir den bredare. Som på hästen och skrivbordssnubben nedan.
Om det är ojämnt antal bilder så kan den sista raden få större bilder, eftersom det inte finns tillräckligt många bilder att fylla ut med. Lägg någon snygg viktig bild sist isf.
Klickar du så får du en s.k. ”Lightbox” som visar bilderna var för sig.
Jag är en h2:a. Mer om mig på nästa rad.
Jag är bara en liten mellanparagraf som är till för att visa att bilder och faktarutor är bredare än vanlig text på desktop. Nedan kommer lite olika faktarutor.
H2 är jag. Med endast class ”faktaruta”
Jag är en enkel paragraf
Och jag är en h3:a
Och enkel paragraf igen.
H2 är jag. Med class ”faktaruta faktaruta-light”
Jag är en enkel paragraf
Och jag är en h3:a
Och enkel paragraf igen.
H2 är jag. Med class ”faktaruta faktaruta-light” och en table i mig
Jag är en enkel paragraf. Du kan förresten ha faktaruta-exp på svarta faktarutor också.
| Header kolumn 1 | Header kolumn 2 | |
| Cell kolumn 1 rad 2 | Cell kolumn 2 rad 2 | |
| Cell kolumn 1 rad 3 | Cell kolumn 2 rad 3 |
Och jag är en h4:a. Du såg inte mig när faktarutan var collapsed
Och enkel paragraf igen.
