Insert element to:
Before Selected Element
After Selected Element
Inside Selected Element
Document Begin
Document End
Delete
Container
Paragraph
Heading 1
Heading 2
Heading 3
Unordered List
Ordered List
Horizontal Image
Square Image
Vertical Image
Elements
Element Styles
(Responsive)
Box
Margin:
Padding:
Margin Block Start:
Margin Block End:
Margin Inline Start:
Margin Inline End:
Padding Block Start:
Padding Block End:
Padding Inline Start:
Padding Inline End:
Width:
Height:
Min Width:
Min Height:
Max Width:
Max Height:
Aspect Ratio:
Display
Display:
-
block
inline
inline-block
flex
inline-flex
grid
inline-grid
table
inline-table
none
Position:
-
static
relative
absolute
fixed
sticky
inherit
initial
revert
revert-layer
unset
Visibility:
-
visible
hidden
collapse
Opacity:
Z Index:
Float:
-
left
right
none
inline-start
inline-end
Overflow:
-
visible
hidden
clip
scroll
auto
Overflow X:
-
visible
hidden
clip
scroll
auto
Overflow Y:
-
visible
hidden
clip
scroll
auto
Top:
Right:
Bottom:
Left:
Inset Block Start:
Inset Block End:
Inset Inline Start:
Inset Inline End:
Flex
Order:
Flex Direction:
-
row
row-reverse
column
column-reverse
Flex Wrap:
-
nowrap
wrap
wrap-reverse
Flex Grow:
Flex Shrink:
Flex Basis:
Justify Content:
-
center
start
end
flex-start
flex-end
left
right
normal
space-between
space-around
space-evenly
stretch
safe center
unsafe center
Justify Self:
-
auto
normal
stretch
center
start
end
flex-start
flex-end
self-start
self-end
left
right
anchor-center
baseline
first baseline
last baseline
safe center
unsafe center
Align Items:
-
normal
stretch
center
start
end
flex-start
flex-end
self-start
self-end
anchor-center
baseline
first baseline
last baseline
safe center
unsafe center
Align Content:
-
normal
start
center
end
flex-start
flex-end
baseline
first baseline
last baseline
space-between
space-around
space-evenly
stretch
safe center
unsafe center
Align Self:
-
auto
normal
center
start
end
self-start
self-end
flex-start
flex-end
anchor-center
baseline
first baseline
last baseline
stretch
safe center
unsafe center
Gap:
Row Gap:
Column Gap:
Grid
Grid Template Columns:
Grid Template Rows:
Grid Template Areas:
Grid Auto Columns:
Grid Auto Rows:
Justify Items:
-
normal
stretch
center
start
end
flex-start
flex-end
self-start
self-end
anchor-center
baseline
first baseline
last baseline
safe center
unsafe center
Grid Column:
Grid Row:
Grid Area:
Borders
Border Width:
Border Style:
-
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Border Color:
Border Radius:
Box Shadow:
Outline:
Text
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
Background
Background:
Background Color:
Background Clip:
-
border-box
padding-box
content-box
text
border-area
Background Image:
Background Position:
Background Attachment:
-
scroll
fixed
local
Background Repeat:
-
repeat
no-repeat
repeat-x
repeat-y
space
round
Background Size:
-
cover
contain
|custom|
Background Blend Mode:
-
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
plus-darker
plus-lighter
Mask
Mask:
Mask Image:
Mask Size:
-
cover
contain
|custom|
Mask Repeat:
-
repeat
no-repeat
repeat-x
repeat-y
space
round
Mask Composite:
-
add
subtract
intersect
exclude
Miscellaneous
Transform:
-
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
translate
translate3d
translateX
translateY
translateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
Transition:
Cursor:
-
auto
default
none
context-menu
help
pointer
progress
wait
cell
crosshair
text
vertical-text
alias
copy
move
no-drop
not-allowed
grab
grabbing
all-scroll
col-resize
row-resize
n-resize
e-resize
s-resize
w-resize
ne-resize
nw-resize
se-resize
sw-resize
ew-resize
ns-resize
nesw-resize
nwse-resize
zoom-in
Pointer Events:
-
auto
none
Mix Blend Mode:
-
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
plus-darker
plus-lighter
Filter:
-
blur
brightness
contrast
drop-shadow
grayscale
hue-rotate
invert
opacity
saturate
sepia
url
Backdrop Filter:
-
none
url
blur
brightness
contrast
drop-shadow
grayscale
hue-rotate
invert
opacity
sepia
saturate
Object Fit:
-
contain
cover
fill
none
scale-down
State Styles
(Not responsive)
Hover State
Color:
Border Color:
Background Color:
Box Shadow:
Outline:
Opacity:
Overflow:
-
visible
hidden
clip
scroll
auto
Width:
Visibility:
-
visible
hidden
collapse
Top:
Right:
Bottom:
Left:
Display:
-
block
inline
inline-block
flex
inline-flex
Z Index:
Transform:
-
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
translate
translate3d
translateX
translateY
translateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
Text Decoration:
-
underline
overline red
none
Parent Element Hover State
Color:
Border Color:
Background Color:
Opacity:
Width:
Visibility:
-
visible
hidden
collapse
Top:
Right:
Bottom:
Left:
Display:
-
block
inline
inline-block
flex
inline-flex
Z Index:
Transform:
-
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
translate
translate3d
translateX
translateY
translateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
VARZ active class
Color:
Border Color:
Background Color:
Box Shadow:
Outline:
Opacity:
Overflow:
Width:
Visibility:
-
visible
hidden
collapse
Top:
Right:
Bottom:
Left:
Display:
-
block
inline
inline-block
flex
inline-flex
Z Index:
Transform:
-
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
translate
translate3d
translateX
translateY
translateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
Text Decoration:
-
underline
overline red
none
Cursor:
-
auto
default
none
context-menu
help
pointer
progress
wait
cell
crosshair
text
vertical-text
alias
copy
move
no-drop
not-allowed
grab
grabbing
all-scroll
col-resize
row-resize
n-resize
e-resize
s-resize
w-resize
ne-resize
nw-resize
se-resize
sw-resize
ew-resize
ns-resize
nesw-resize
nwse-resize
zoom-in
VARZ parent active class
Color:
Border Color:
Background Color:
Opacity:
Height:
Width:
Max Height:
Visibility:
-
visible
hidden
collapse
Top:
Right:
Bottom:
Left:
Display:
-
block
inline
inline-block
flex
inline-flex
Z Index:
Transform:
-
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
translate
translate3d
translateX
translateY
translateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
VARZ grand parent active class
Color:
Border Color:
Background Color:
Opacity:
Height:
Width:
Max Height:
Visibility:
-
visible
hidden
collapse
Top:
Right:
Bottom:
Left:
Display:
-
block
inline
inline-block
flex
inline-flex
Z Index:
Transform:
-
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
translate
translate3d
translateX
translateY
translateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
Element
Tag:
-
a
aside
article
blockquote
caption
code
div
em
figure
footer
form
h1
h2
h3
h4
h5
h6
header
main
p
picture
pre
section
small
span
strong
sub
sup
Id:
Class:
Element attributes:
Page Settings
Create New Page
Page Title:
Page Slug:
Meta Keywords:
Meta Description:
Save Page
Download Page
Global Settings
Fonts
Add Font
Global Styles
Global CSS variables
Add Variable
Global Typography
body
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
h1
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
h2
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
h3
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
h4
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
h5
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
h6
Color:
Text Align:
-
left
right
center
justify
start
end
match-parent
Text Transform:
-
none
capitalize
uppercase
lowercase
Text Decoration:
-
underline
overline red
none
Font Size:
Font Family:
Font Style:
-
normal
italic
Font Weight:
-
normal
bold
100
200
300
400
500
600
700
800
900
Line Height:
Letter Spacing:
White Space:
-
normal
nowrap
pre
pre-wrap
pre-line
break-spaces
collapse balance
preserve nowrap
Word Break:
-
normal
break-all
keep-all
auto-phrase
break-word
Overflow Wrap:
-
normal
break-word
anywhere
Text Overflow:
-
clip
ellipsis
Direction:
-
ltr
rtl
inherit
initial
revert
revert-layer
unset
Writing Mode:
-
horizontal-tb
vertical-rl
vertical-lr
sideways-rl
sideways-lr
inherit
initial
revert
revert-layer
unset
Text Orientation:
-
mixed
upright
sideways-right
sideways
use-glyph-orientation
inherit
initial
revert
revert-layer
unset
Export/Import
Export/Import
Before Selected Element
After Selected Element
Inside Selected Element
Document Begin
Document End
Paste Style
Wrap with:
a
aside
article
blockquote
caption
code
div
em
figure
footer
form
h1
h2
h3
h4
h5
h6
header
main
p
picture
pre
section
small
span
strong
sub
sup
Wrap
Template Name:
Save Template
VARZ
YouTube
Cancel
Save
Import / Export
Close
Operation Type:
Export
Import
Settings
Pages
Templates
Fonts
Typography
Variables
Export