Search for category, product, activity...

Text block with top image

Image on the side

Här är problemet att .text-image-block__column-body ges en padding på 1rem. På "Isolerande kläder"-sidan används "rich text" för bildupladdning, istället för att lägga bilden i "Image". Jag tror vi använder detta blocket så för att vi ibland vill ha bilden bredvid texten (och kunna byta plats på bild/text), istället för att ha den ovanför. 

Sektionen/blocket i sig håller dock rätt mått. 

max-width: calc(1180 px + 2rem );
+ padding: 0 1rem; 1 rem åt vardera sida

.text-image-block__column eller diven har en margin på 1rem

Image 12.png

Text block with top image

Image on top

När bilden läggs där den ska (i Image), då går bilden ända ut i kanten men den är fortfarande kortare än bredden på blocket Banner Insert. 

Sektionen/blocket i sig håller dock rätt mått. 

max-width: calc(1180 px + 2rem );
+ padding: 0 1rem;  (1rem till åt sidorna)

Text block with top image

När bilden läggs där den ska (i Image), då går bilden ända ut i kanten men den är fortfarande kortare än bredden på blocket Banner Insert. 

Sektionen/blocket i sig håller dock rätt mått. 

max-width: calc(1180 px + 2rem );
+ padding: 0 1rem; (1rem till åt sidorna)

Text Block

Bilden som placeras i ett text block går längre ut än om den placeras i ett text image block.  Detta block har en margin som justeras på ett annat sätt. 
.text-block__margin har margin på -0.5rem åt sidorna

Sektionen/blocket i sig håller dock rätt mått. 

max-width: calc(1180 px + 2rem );
+ padding: 0 1rem; (1rem åt vardera sida)

Image 12-1.png

Produktblock

Produktblocken har inte samma bredd som de övriga contentblocken, troligtvis på grund av en margin som ligger på -0.5rem runt produkterna.
.products-block__viewport har denna margin. 
.products-block__container lägger tillbaka denna margin (+0.5)


Detta behövs jus för att få ett snyggt mellanrum men längst ut till vänster respektive höger orsakar den att blocket ser ut att ha en annan bredd än övriga. 

 

Image 15.png

×