Icon with text block

Your theme

An icon next to a short heading and text.

Where to find it: open any section sidebar that accepts theme blocks, choose Add block, then pick Icon with text.

The same block in the three themes:

Picante style

Overdrive style

Pastille style

When you add this section, it starts from the Icon with text preset.

Settings

Setting	Type	Default	Options	Notes
Text	Inline text	Add a short benefit here

Setting	Type	Default	Options	Notes
Icon	Select	Sparkle	None, Flame, Sparkle, Leaf, Truck, Star, Heart, Check, Mail, Cart, Play, Plus, Arrow right, Arrow up right
Layout	Select	Icon beside text	Icon beside text, Icon above text	Shown when Icon is not None.
Icon size	Slider	24 px	16 to 96 px, step 4	Shown when Icon is not None.
Use accent color	Checkbox	Off		Shown when Icon is not None.
Show in a circle	Checkbox	Off		Shown when Icon is not None.

Setting	Type	Default	Options	Notes
Text style	Select	Body	Body, Intro text, Small heading, Heading 6, Heading 5, Heading 4, Heading 3, Heading 2, Heading 1, Extra large heading, Custom
Font	Select	Heading	Heading, Accent, Body	Shown when Text style is Custom.
Font size	Slider	48 px	12 to 212 px, step 2	Shown when Text style is Custom.
Line height	Select	Slightly tight	Tight, Slightly tight, Normal, Loose	Shown when Text style is Custom.
Letter spacing	Select	Normal	Tight, Normal, Wide	Shown when Text style is Custom.
Letter case	Select	Default	Default, Uppercase, As typed	Shown when Text style is Custom.
Text color	Select	Color scheme text	Color scheme text, Accent, Custom
Custom text color	Color			Shown when Text color is Custom.
Alignment	Text alignment	left	Left, center, right

Setting	Type	Default	Options	Notes
Width	Select	Fit content	Fit content, Fill, Custom
Custom width	Slider	50 %	10 to 100 %, step 5	Shown when Width is Custom.
Max width	Select	None	None, Narrow, Normal, Wide

Setting	Type	Default	Options	Notes
Inherit color scheme	Checkbox	On
Color scheme	Color scheme	Scheme 1		Shown when Inherit color scheme is off.
Border	Select	None	None, Solid, Dashed
Border thickness	Slider	2 px	1 to 8 px, step 1	Shown when Border is not None.
Corner radius	Slider	0 px	0 to 80 px, step 2	Shown when Inherit color scheme is off or Border is not None or Corner radius is on.

Setting	Type	Default	Options	Notes
Customize padding	Checkbox	Off		Padding settings stay visible while any side has padding. Set a side to 0px to remove its padding.
Top padding	Slider	0 px	0 to 100 px, step 2	Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on.
Bottom padding	Slider	0 px	0 to 100 px, step 2	Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on.
Left padding	Slider	0 px	0 to 100 px, step 2	Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on.
Right padding	Slider	0 px	0 to 100 px, step 2	Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on.

Setting	Type	Default	Options	Notes
Animation on scroll	Select	Theme default	Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in