In the tab Block you find all the options relative to the single elements displayed (dimensions, typography, effects…):
- Block layout: These two options are used to specify the text layout inside the thumbnail.
- Width & Height (Metro): Use these options to specify the box width and height, screenshot.
- Aspect Ratio (Masonry):Specify the aspect ratio for the media, screenshot.
- Background color: Use this option to specify a background color for the box.
- Shape: Use this option to specify one if you want to shape the block.
- Skin: Use this option to specify the skin inside the content box.
- Overlay color: Use this option to specify a background color for the overlay.
- Overlay coloration: Use this option to specify the coloration style for the overlay.
- Overlay opacity: Use this option to set the overlay opacity.
- Overlay Blend Mode (Experimental): Use this option to specify a blending mode. NB. It does not work on IE and Edge.
- Overlay text visibility: Activate this command to show the text as starting point.
- Overlay text animation: Activate this command to animate the text on mouse over.
- Overlay text animation type: Use this option to specify the animation type
- Overlay visibility: Activate this to show the overlay as starting point.
- Overlay animation: Activate this command to animate the overlay on mouse over.
- Image coloration: Use this option to specify the image coloration mode.
- Image coloration animation: Activate this command to animate the image coloration on mouse over.
- Image animation: Activate this command to animate the image on mouse over.
- Image Animation Mouse Move: Activate this to animate the image on the mouse move.
- Text alignment: Use this option to specify the horizontal alignment.
- Text alignment mobile: Use this option to specify the horizontal alignment in mobile mode.
- Content vertical position: Use this option to specify the text vertical position.
- Content width reduced: Use this option to specify the text reduction amount to shrink the overlay content dimension.
- Text Padding: Use this option to set the text padding from 6 presets.
- Inner Elements Reduced Gap: Activate this command to have less space between all the text elements inside the box.
- Multiple click areas: Activate this command to make every element clickable instead of the entire block (when available).
- Title text transform: Use this option to specify the title text transformation, screenshot.
- Title size: Use this option to specify the title dimension.
- Title font family: Use this option to specify the title font family.
- Title font weight: Use this option to specify the title font weight.
- Title line height: Use this option to specify the title line height.
- Title letter spacing: Use this option to specify the title letter spacing.
- Icon: Use this option to specify icon from 600+ icons.
- Custom link: Use this option to enter the custom link for the item.
- Shadow: Activate this command to have the shadow behind the block.
- Remove border: Activate this command to remove the border around the block.
- Animation: Use this option to specify the entrance animation from 8 presets, screenshot.
- Animation speed: Use this option to specify the entrance animation speed from 10 presets.
- Animation delay: Use this option to Specify the entrance animation delay from 20 presets.
Comments
0 comments
Article is closed for comments.