YellowPencil

"Home" pageemptychanged
apply style just to the current page.
"Page" templateemptychanged
apply style to all pages of the current post type.
Globalemptychanged
apply style to the entire website.
Customize another page

No element selected

Text

Font Familyhttps://yellowpencil.waspthemes.com/wp-content/plugins/waspthemes-yellow-pencil/editor/lib/../json/google-fonts.json

Color

Weight[{"value":"300","label":"Light 300", "category":""},{"value":"400","label":"Regular 400", "category":""},{"value":"500","label":"Medium 500", "category":""},{"value":"600","label":"Bold 600", "category":""},{"value":"700","label":"Extra 700", "category":""}]

Font Size

Line Height

Style
normal
italic

Transform
no
Aa
AA
aa

Decoration
A
A
A
A

Align

Text Shadow[{"value":"none","label":"none", "category":""},{"value":"rgba(0, 0, 0, 0.3) 0px 1px 1px","label":"Basic", "category":""},{"value":"rgb(255, 255, 255) 1px 1px 0px, rgb(170, 170, 170) 2px 2px 0px","label":"Multiple", "category":""},{"value":"rgb(255, 0, 0) -1px 0px 0px, rgb(0, 255, 255) 1px 0px 0px","label":"Anaglyph", "category":""},{"value":"rgb(255, 255, 255) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px","label":"Emboss", "category":""},{"value":"rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 0px 0px 4px, rgb(255, 255, 255) 0px 0px 6px, rgb(255, 119, 255) 0px 0px 8px, rgb(255, 0, 255) 0px 0px 12px, rgb(255, 0, 255) 0px 0px 16px, rgb(255, 0, 255) 0px 0px 20px, rgb(255, 0, 255) 0px 0px 24px","label":"Neon", "category":""},{"value":"rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px","label":"Outline", "category":""}]

Breaking[{"value":"normal","label":"Normal", "category":""},{"value":"nowrap","label":"No Wrap", "category":""},{"value":"pre","label":"Pre", "category":""},{"value":"pre-line","label":"Pre Line", "category":""},{"value":"pre-wrap","label":"Pre Wrap", "category":""},{"value":"break-spaces","label":"Break Spaces", "category":""}]

Letter Spacing

Word Spacing

Columns

Direction
left
right
Background

Background Type
background
backdrop filters

Color

Image
Stock Images Gradients Patterns
Orientation
by uiGradients
by Unsplash

Size
custom
cover
contain
Width
Height

Blend Mode[{"value":"normal","label":"normal", "category":""},{"value":"multiply","label":"multiply", "category":""},{"value":"screen","label":"screen", "category":""},{"value":"overlay","label":"overlay", "category":""},{"value":"darken","label":"darken", "category":""},{"value":"lighten","label":"lighten", "category":""},{"value":"color-dodge","label":"color-dodge", "category":""},{"value":"saturation","label":"saturation", "category":""},{"value":"color","label":"color", "category":""},{"value":"luminosity","label":"luminosity", "category":""}]

Fixed
fixed
scroll

Horizontal Position

Vertical Position

Tile

Clip
text
border
padding

Blur

Grayscale

Invert

Sepia

Brightness

Contrast

Hue Rotate

Saturate
Spacings

Spacing Type
padding
margin

Padding Left

Padding Right

Padding Top

Padding Bottom

Margin Left

Margin Right

Margin Top

Margin Bottom
Borders

Border Type
all
top
right
bottom
left

Color

Style

Width

Color

Style

Width

Color

Style

Width

Color

Style

Width

Color

Style

Width
Border Radius

Radius Top Left

Radius Top Right

Radius Bottom Left

Radius Bottom Right
Positioning

Z Index

Position
static
relative
absolute
fixed
sticky

Top

Left

Bottom

Right
Measures

Width

Height

Overflow
visible
hidden
scroll
auto

Min Width

Max Width

Min Height

Max Height
Lists

List Type[{"value":"none","label":"none", "category":""},{"value":"disc","label":"disc", "category":""},{"value":"circle","label":"circle", "category":""},{"value":"decimal","label":"decimal", "category":""},{"value":"lower-alpha","label":"lower alpha", "category":""},{"value":"upper-alpha","label":"upper alpha", "category":""},{"value":"upper-roman","label":"upper roman", "category":""}]

List Image

List Position
inside
outside
Transforms

Transform Type
move
rotate
skew
extra

Move Horizontal

Move Vertical

Rotate X

Rotate Y

Rotate Z

Skew X

skew Y

Scale

Perspective
Shadow

Position
outside
inside

Color

Blur Radius

Spread

Horizontal Length

Vertical Length
Filters

Filter Type
effects
adjustments

Brightness

Contrast

Hue Rotate

Saturate

Blur

Grayscale

Invert

Sepia
Motion Rec

Motion Type
animation
transition

Create An Animation
AnimationAnimator[{"value":"none","label":"none", "category":"basic"},{"value":"pulse","label":"pulse", "category":"basic"},{"value":"push","label":"push", "category":"basic"},{"value":"bob","label":"bob", "category":"basic"},{"value":"pop","label":"pop", "category":"basic"},{"value":"bounce","label":"bounce", "category":"common"},{"value":"flash","label":"flash", "category":"common"},{"value":"rubberBand","label":"rubberBand", "category":"common"},{"value":"shake","label":"shake", "category":"common"},{"value":"swing","label":"swing", "category":"common"},{"value":"tada","label":"tada", "category":"common"},{"value":"wobble","label":"wobble", "category":"common"},{"value":"wobble-horizontal","label":"wobble-horizontal", "category":"common"},{"value":"jello","label":"jello", "category":"common"},{"value":"heartBeat","label":"heartBeat", "category":"common"},{"value":"spin","label":"spin", "category":"common"},{"value":"bounceIn","label":"bounceIn", "category":"bounce"},{"value":"bounceInDown","label":"bounceInDown", "category":"bounce"},{"value":"bounceInLeft","label":"bounceInLeft", "category":"bounce"},{"value":"bounceInRight","label":"bounceInRight", "category":"bounce"},{"value":"bounceInUp","label":"bounceInUp", "category":"bounce"},{"value":"fadeIn","label":"fadeIn", "category":"fade"},{"value":"fadeInDown","label":"fadeInDown", "category":"fade"},{"value":"fadeInDownBig","label":"fadeInDownBig", "category":"fade"},{"value":"fadeInLeft","label":"fadeInLeft", "category":"fade"},{"value":"fadeInLeftBig","label":"fadeInLeftBig", "category":"fade"},{"value":"fadeInRight","label":"fadeInRight", "category":"fade"},{"value":"fadeInRightBig","label":"fadeInRightBig", "category":"fade"},{"value":"fadeInUp","label":"fadeInUp", "category":"fade"},{"value":"fadeInUpBig","label":"fadeInUpBig", "category":"fade"},{"value":"flip","label":"flip", "category":"flip"},{"value":"flipInX","label":"flipInX", "category":"flip"},{"value":"flipInY","label":"flipInY", "category":"flip"},{"value":"flipOutX","label":"flipOutX", "category":"flip"},{"value":"flipOutY","label":"flipOutY", "category":"flip"},{"value":"rotateIn","label":"rotateIn", "category":"rotate"},{"value":"rotateInDownLeft","label":"rotateInDownLeft", "category":"rotate"},{"value":"rotateInDownRight","label":"rotateInDownRight", "category":"rotate"},{"value":"rotateInUpLeft","label":"rotateInUpLeft", "category":"rotate"},{"value":"rotateInUpRight","label":"rotateInUpRight", "category":"rotate"},{"value":"slideInUp","label":"slideInUp", "category":"slide"},{"value":"slideInDown","label":"slideInDown", "category":"slide"},{"value":"slideInLeft","label":"slideInLeft", "category":"slide"},{"value":"slideInRight","label":"slideInRight", "category":"slide"},{"value":"zoomIn","label":"zoomIn", "category":"zoom"},{"value":"zoomInDown","label":"zoomInDown", "category":"zoom"},{"value":"zoomInLeft","label":"zoomInLeft", "category":"zoom"},{"value":"zoomInRight","label":"zoomInRight", "category":"zoom"},{"value":"zoomInUp","label":"zoomInUp", "category":"zoom"},{"value":"spaceInUp","label":"spaceInUp", "category":"space"},{"value":"spaceInRight","label":"spaceInRight", "category":"space"},{"value":"spaceInDown","label":"spaceInDown", "category":"space"},{"value":"spaceInLeft","label":"spaceInLeft", "category":"space"},{"value":"hinge","label":"hinge", "category":"others"},{"value":"jackInTheBox","label":"jackInTheBox", "category":"others"},{"value":"rollIn","label":"rollIn", "category":"others"},{"value":"lightSpeedIn","label":"lightSpeedIn", "category":"others"}]

Trigger[{"value":"yp_onscreen","label":"onScreen", "category":""},{"value":"yp_hover","label":"Hover", "category":""},{"value":"yp_click","label":"Click", "category":""},{"value":"yp_focus","label":"Focus", "category":""}]

Trigger Repeat[{"value":"1","label":"1", "category":""},{"value":"2","label":"2", "category":""},{"value":"3","label":"3", "category":""},{"value":"4","label":"4", "category":""},{"value":"5","label":"5", "category":""},{"value":"infinite","label":"infinite", "category":""}]

Duration

Delay

Easing[{"value":"ease","label":"ease", "category":""},{"value":"linear","label":"linear", "category":""},{"value":"ease-in","label":"ease-in", "category":""},{"value":"ease-out","label":"ease-out", "category":""},{"value":"ease-in-out","label":"ease-in-out", "category":""}]

Animation Fill Mode
none
forwards
backwards
both

Typehttps://yellowpencil.waspthemes.com/wp-content/plugins/waspthemes-yellow-pencil/editor/lib/../json/transition-properties.json

Duration

Easing[{"value":"ease","label":"ease", "category":""},{"value":"linear","label":"linear", "category":""},{"value":"ease-in","label":"ease-in", "category":""},{"value":"ease-out","label":"ease-out", "category":""},{"value":"ease-in-out","label":"ease-in-out", "category":""}]
Extra

Display[{"value":"block","label":"block", "category":""},{"value":"flex","label":"flex", "category":""},{"value":"grid","label":"grid", "category":""},{"value":"inline","label":"inline", "category":""},{"value":"inline-block","label":"inline-block", "category":""},{"value":"inline-flex","label":"inline-flex", "category":""},{"value":"inline-grid","label":"inline-grid", "category":""},{"value":"table-cell","label":"table-cell", "category":""},{"value":"none","label":"none", "category":""}]

Direction
horizontal
vertical

Justify Content[{"value":"normal","label":"normal", "category":""},{"value":"flex-start","label":"start", "category":""},{"value":"flex-end","label":"end", "category":""},{"value":"center","label":"center", "category":""},{"value":"space-between","label":"space-between", "category":""},{"value":"space-around","label":"space-around", "category":""}]

Align Items[{"value":"normal","label":"normal", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"start", "category":""},{"value":"flex-end","label":"end", "category":""},{"value":"baseline","label":"baseline", "category":""}]

Align Content[{"value":"normal","label":"normal", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"start", "category":""},{"value":"flex-end","label":"end", "category":""},{"value":"space-between","label":"space-between", "category":""},{"value":"space-around","label":"space-around", "category":""}]

Children
no wrap
wrap

Sizing
Shrink
Grow
No Grow & Shrink

Align[{"value":"auto","label":"auto", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"start", "category":""},{"value":"flex-end","label":"end", "category":""},{"value":"baseline","label":"baseline", "category":""}]

Columns

Rows

Align[{"value":"normal","label":"normal", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"start", "category":""},{"value":"flex-end","label":"end", "category":""},{"value":"space-between","label":"space-between", "category":""},{"value":"space-around","label":"space-around", "category":""}]

Justify[{"value":"normal","label":"normal", "category":""},{"value":"flex-start","label":"start", "category":""},{"value":"flex-end","label":"end", "category":""},{"value":"center","label":"center", "category":""},{"value":"space-between","label":"space-between", "category":""},{"value":"space-around","label":"space-around", "category":""}]

Column Gap

Row Gap

Float
none
left
right

Clear
none
both

Visibility

Opacity

Cursor[{"value":"auto","label":"auto", "category":""},{"value":"alias","label":"alias", "category":""},{"value":"all-scroll","label":"All Scroll", "category":""},{"value":"copy","label":"Copy", "category":""},{"value":"crosshair","label":"CrossHair", "category":""},{"value":"grab","label":"Grab", "category":""},{"value":"grabbing","label":"Grabbing", "category":""},{"value":"help","label":"Help", "category":""},{"value":"not-allowed","label":"Not Allowed", "category":""},{"value":"pointer","label":"Pointer", "category":""},{"value":"progress","label":"Progress", "category":""},{"value":"text","label":"Text", "category":""},{"value":"wait","label":"Wait", "category":""},{"value":"zoom-in","label":"Zoom In", "category":""},{"value":"zoom-out","label":"Zoom Out", "category":""}]

Pointer Events
auto
none

Select any element on the page to start making changes.

There is no animation on this page.Select an element to add animation.

"Home" pageemptychanged

"Page" templateemptychanged

Globalemptychanged

Customize another page

Text

Background

Spacings

Borders

Border Radius

Positioning

Measures

Lists

Transforms

Shadow

Filters

Motion Rec

Extra

Docs / V 7.6.1

Color Scheme

Typography

Font Families

Page Assets

Animations

CSS Selector

General

Classes

Accessibility

DOM Code

There is no animation on this page.Select an element to add animation.

"Home" pageemptychanged

"Page" templateemptychanged

Globalemptychanged

Customize another page

Text

Background

Spacings

Borders

Border Radius

Positioning

Measures

Lists

Transforms

Shadow

Filters

Motion Rec

Extra

Docs / V 7.6.1

Color Scheme

Typography

Font Families

Page Assets

Animations

CSS Selector

General

Classes

Accessibility

DOM Code

Changes Are Not Saved. Upgrade To Pro!