Image Box

Image Box combines an image, title, description, and optional button. Use it for a project or service card with a predefined internal structure.

Add and configure Image Box

1. Click Add, choose Image Box, and place it in the container.
2. Choose Content > Content > Image and review Image Options.
3. Enter Title and Text, configure Button, and set Title Tag.
4. Style the Container, Image, Typography, and Button under Design.
5. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting	Purpose and options	Behavior
Image	WordPress media.	Shared

Shown when Image is set.

Setting	Purpose and options	Behavior
Image Options > Size	Registered WordPress or custom image size.	Shared
Image Options > Alt	Enter the alt.	Shared
Image Options > Lazy Load	On/off.	Shared

Setting	Purpose and options	Behavior
Title	Item title.	Shared
Text	Visible text.	Shared
Button > Text	Visible text.	Shared
Button > Link	Destination and link options.	Shared
Title Tag	h1, h2, h3, h4, h5, h6.	Shared

Design > Container

Setting	Purpose and options	Behavior
Content Position	Left, Center, Right.	Responsive
Width	Width.	Responsive
Height	Height.	Responsive
Background	Color or supported fill.	Shared
Borders	borders controls.	See linked controls
Padding	Padding.	Responsive
Content Padding Only	On/off.	Shared

Design > Image

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Height	Height.	Responsive
Object Fit	Cover, Contain, Fill.	Responsive
Object Position	Set object position. When: Object Fit is set.	Responsive
Borders	borders controls.	See linked controls
Position	Top, Left, Right.	Shared
Top At	Breakpoint. When: Position = Left, Right.	Shared
Vertical Alignment	Top, Middle, Bottom. When: Position = Left, Right.	Shared

Design > Typography

Setting	Purpose and options	Behavior
Title	typography controls.	See linked controls
Text	typography controls.	See linked controls

Design > Button

Setting	Purpose and options	Behavior
Style	Primary, Secondary, Custom, Text.	Shared

Shown when Style = Text.

Setting	Purpose and options	Behavior
Text > Typography	typography controls.	See linked controls
Text > Padding	spacing controls.	See linked controls
Text > Fancy Underline	Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8.	Shared
Text > Underline Color	Color or supported fill.	Hover
Text > Arrow > Arrow	Arrow 1, Arrow 2, Arrow 3, Custom.	Shared

Setting	Purpose and options	Behavior
Text > Arrow > Custom Arrow	Icon. When: Style = Text and Arrow = Custom.	Shared
Text > Arrow > Space Before	Space before and unit. When: Style = Text.	Shared
Text > Arrow > Hover Transform	Hover transform and unit. When: Style = Text and Arrow ≠ Arrow 3.	Shared
Text > Arrow > Arrow Size	Arrow size and unit. When: Style = Text.	Shared
Custom Type	Custom, Preset. When: Style = Custom.	Shared
Custom > Size > Size	Custom, Small, Default, Large. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	Responsive
Custom > Size > Padding	Padding. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Size = Custom.	Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting	Purpose and options	Behavior
Custom > Size > Override Width	Override width and unit.	Shared
Custom > Size > Full Width At	Breakpoint.	Shared
Custom > Background	Color or supported fill.	Hover
Custom > Outline	On/off.	Shared

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Outline is set.

Setting	Purpose and options	Behavior
Custom > Color	Color or supported fill.	Hover
Custom > Width	Width.	Shared
Custom > No Fill On Hover	On/off.	Shared

Setting	Purpose and options	Behavior
Custom > Typography	typography controls. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	See linked controls
Custom > Corners	Square, Round, Custom. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	Shared
Custom > Corner Radius	Corner radius and unit. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Corners = Custom.	Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting	Purpose and options	Behavior
Custom > Icon > Icon	Icon.	Shared
Custom > Icon > Position	Before, After.	Shared
Custom > Icon > Size	Size and unit.	Responsive
Custom > Icon > Color	Color or supported fill.	Hover
Custom > Icon > Space Before	Space before and unit.	Responsive
Custom > Icon > Space After	Space after and unit.	Responsive
Custom > Icon > Hover Transform	Hover transform and unit.	Shared
Custom > Effects > Transition Duration	Transition duration.	Responsive
Custom > Effects > Scale On Hover	Set scale on hover. Range: 0–3.	Responsive
Custom > Effects > Shadow	Shadow offset, blur, spread, color.	Responsive, Hover

Setting	Purpose and options	Behavior
Preset	Set preset. When: Style = Custom and Custom Type = Preset.	Shared

Design > Spacing

Setting	Purpose and options	Behavior
After Image	After image and unit.	Responsive
Below Title	Below title and unit.	Responsive
Above Button	Above button and unit.	Responsive
Container	spacing controls.	See linked controls

Troubleshooting