Skip to content

Hover Box

Documentation

Module Fields

hoverbox04
feature01
Background Type

Choose background type: image or solid color. Combine different types to get unique layout.

feature03
Height Control

Set height size for desktop and mobile devices. For desktop you can choose size unit: px, vm, vh, vmax.

feature04
Color Control

Set color and opacity for overlay to get more text contrast. Use field Text Color to change text color.

feature05
Tag Control

Set tag for Title and Subtitle. The size depends on your theme settings. We recommend choosing H4-H6.

Full Width Layout

full-hover-box
hover-box-docs01
Edit Section and Columns

Click on the icon 'Pencil' to start edit Section and Columns.

hover-box-docs02
Section settings

Set Content alignment to Full Width and all paddings equal to 0px.

hover-box-docs03
Columns settings

Set left and right paddings equal to 0px for each column in the row.

Recommendation
Some themes do not allow you to remove the space between columns. You need to enable the toggle [Module settings > Styles tab > Remove gap between columns] for each module in the row to fix it.
Our Recommendation
flow_logo_dark

Modern & Powerful
HubSpot Theme.

Create website with various types of content using our collection of pre-made templates.