Column settings
Last updated
Chainbox Webshop
Last updated
Each row can consist of 1 - 4 columns. Each column can have its own individual setting.
Setting a CSS class will enable you to define a group of HTML elements in order to apply unique styling and formatting. This does require some knowledge of CSS, that this guide does not cover.
Choose if animation should be enabled for this column
If disabled, the animation will only occur once
Enter value in milliseconds
Specify if this column only should be visible on small devices, large or both
Define spacing around the column, choose between defined in pixels, percentage etc.
Choose the placement of your content within the column from the shown options
Enter the value in pixels, percentage etc.
Enter value in pixels, percentage etc.
Upload image as background to column
Choose from the palette appearing when clicked, or enter hex-code
Choose from the palette appearing when clicked, or enter hex-code
Are you having issues with 2 pictures different width but same height - appearing different in height in Webshop? Please check below fix!
In cases where you enter 2 pictures in 2 columns options where 1 column is 1/3 of the width and the order 2/3 (1x2 or 2x1) you will encounter this issue when same spacing is added all around each picture. If no spacing = no problem. For this example we have added 15 pixel spacing all around each picture.
As you can see in the below, though each picture is 450 in height, the smaller picture appears shorter.
How to fix this, is to ensure, that the picture ratio is repeated in the spacing.
The large picture is ratio 2x1 - meaning we set spacing with same ration, using 30 pixels left and right, and 15 pixels top and bottom. Same ratio between 900x450 as between 30x15.
