Image Boxes

This block allows you to add an image block along with the title.

General

Number of Image Boxes Blocks - Increase or decrease the number of image boxes.

Height - Increase or decrease the height of the section.

Border Radius - You can give border-radius to the box from here.

Box Shadow - You can give box-shadow to the block with a number of options available for customization such as color, blur, spread, position, etc.

Alignment

Horizontal Alignment - This manages the alignment of content. Set is at left, center, or right.

Vertical Alignment - This manages the vertical alignment of content. Set is at top, center, or bottom.

Image Settings

Size - Select a size for the image as full, medium, large, or thumbnail.

Background Position: You can select the position of the background image for the block from here. If you want to show the top left part of the image, select the position as left top. Similarly, choose the part of the image that you want to display from Left Top, Left Center, Left Bottom, Right Top,..Center Bottom etc.

Background Repeat: You can choose to repeat the image on the x-axis, y-axis, or on both axis.

Background Size: You can select the size of the background image for the block from here.

Overlay Color

You can select an overlay color for the block from here.

Background Color: Select a color for the background of the block from here.

Gradient: You can set a gradient color as overlay by switching this as on.

Opacity: You can set opacity from here for the block.

Hover Overlay Color

You can select an overlay color for the block on hovering from here.

Background Color: Select a hover color for the background of the block from here.

Gradient: You can set a gradient color as overlay by switching this as on.

Opacity: You can set opacity from here for the block.

Typography

Under the Typography tab, options for font size, font-weight, text-transform, and line-height are available for Description and Title separately.

You can now set responsive font size of Title for Mobile and Tablet view.

Padding

The Padding tab offer options to customize the spacing for Top, Bottom, Left, and Right.

Hover Effect

Select an effect for the block on hovering.

Spacing

Spacing tab offer options to customize the spacing for Title and Description.

Arrow

Hide or Display arrow after content. Select a color for the arrow and increase or decrease its size.

Under the Colors tab, color options are available for Text, Background. You can select different colors for hover items.

‚Äč