Before/After Block

Before/After Block options:

• Before label – add a label that will appear on the left (before) picture.
• Before image – add the left (before) picture.
• After label – add a label that will appear on the right (after) picture.
• After image – add the right (after) picture.
• Default offset – set the offset to determine how much of the “before” picture will be visible by default. Choose values from 0,1 to 1.
• Orientation – set the orientation of the pictures to horizontal or vertical.
• Show overlay – show or hide block overlay.
• Move slider on mouse over – you can choose to move the slider dynamically, on mouse hover.
• Move slider with handle only – you can choose to move the slider only using the handle.
• Click to move slider – you can choose to move the slider by clicking within the block area.
• Handle color – set the color of the slider handle.
• Handle stroke – set the thickness of the slider handle and border.
• Handle circle width – set the width of the slider handle.
• Handle radius – set the slider handle radius.
• Handle shadow color – set the color of the handle shadow.
• Handle shadow blur – set the blur of the handle shadow.
• Handle shadow horizontal offset – set the horizontal offset of the shadow.
• Handle shadow vertical offset – set the vertical offset of the shadow.
• Triangle color – set the color of the triangles in the handle.
• Triangle size – set the size of the triangles in the handle.
• Triangle position – set the distance between the triangles in the handle.
• Overlay color – set the block overlay color.
• Background color – set the labels background color.
• Text color – set the labels text color.
• Font size – set the labels text size.
• Line height – set the labels line height.
• Letter spacing – set the labels letter spacing.
• Border radius – set the labels border radius.
• Padding – set the labels padding.