Loading Oxygen
...
close-outline search
{{iframeScope.getMediaTitle(name,false,iframeScope.isEditing('class'))}}
×
{{iframeScope.currentPreview}}
{{post.post_title}}{{post.type}}
 
{{iframeScope.previewType == 'post' ? iframeScope.template.postData.post_title : iframeScope.template.postData.term_name}}
{{post.title}}
{{term.title}}
No items to preview
Done
Insert Data
{{viewportScale * 100 | number : 0}}%
WP Admin Frontend Frontend
{{ page.firstFew !== 0 ? page.name : 'Pro Only'}}
{{ page.firstFew !== 0 ? page.name : 'Pro Only'}}
{{ component.firstFew !== 0 ? component.name : 'Pro Only'}}
{{component.name}}
{{page.name}}
Select an element
or click +Add button

Style Sheet

{{iframeScope.stylesheetToEdit['name']}}

Selector Folder

{{iframeScope.selectedSelectorFolder && iframeScope.selectedSelectorFolder!==-1?iframeScope.selectedSelectorFolder:'Uncategorized'}}

{{iframeScope.styleFolders[iframeScope.selectedSelectorFolder].status?'Disable Folder':'Enable Folder'}}

Stylesheet Folder

{{iframeScope.selectedCSSFolder && iframeScope.selectedCSSFolder!==-1?iframeScope.getCSSFolder(iframeScope.selectedCSSFolder)['name']:'Uncategorized'}}

{{iframeScope.selectedCSSFolder !== -1?'Disable Folder':'Enable Folder'}} {{iframeScope.getCSSFolder(iframeScope.selectedCSSFolder).status === 1?'Disable Folder':'Enable Folder'}}

Style Set

{{iframeScope.selectedStyleSet}}

REUSABLE PART

{{iframeScope.component.options[iframeScope.component.active.id]['nicename']}}

{{item.name}} > {{item.name}}
Open & Edit Reusable Part

TEMPLATE

{{iframeScope.outerTemplateData['template_name']}}

Open & Edit Template

INNER CONTENT

{{template.postData.post_title}}

{{item.name}} > {{item.name}}
Open & Edit Inner Content
{{iframeScope.customSelectors[iframeScope.selectorToEdit]['set_name']}}
  add set...
{{key}}

Show/Hide Element

Set Conditions

In-Editor Behavior



Copy
Paste
{{item.name}} > {{item.name}}
id
class
{{(iframeScope.currentState=="original") ? "state" : ":"+iframeScope.currentState}}
  • add class...
  • Suggested Classes
    • class
      {{className}}
  • Existing Selectors
  • id
    {{iframeScope.getComponentSelector()}}
  • class
    {{className}}
  • id
    {{iframeScope.getComponentSelector()}}
  • class
    {{className}}
  • original
  • :{{state}}
  • add state...
{{iframeScope.currentActiveFolder !== '-1' && iframeScope.currentActiveFolder !== -1 ? iframeScope.currentActiveFolder : ''}}
None
{{folderName}}
{{iframeScope.currentActiveStylesheetFolder}}
None
{{folder.name}}
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Expand Editor
Primary
Advanced
All Styles
/
Background
/
Size & Spacing
/
Layout
/
Typography
/
Borders
/
Effects
/
PHP
/
CSS
/
JavaScript
/
Mixed Code
/
Custom CSS
/
JavaScript
/
Attributes
/
Background
/
Gradient
{{iframeScope.getMediaTitle(iframeScope.getOption('stack-columns-vertically'))}}
{{iframeScope.getMediaTitle(name)}}
Never
{{iframeScope.getMediaTitle(iframeScope.getOption('reverse-column-order'))}}
Always
{{iframeScope.getMediaTitle(name)}}
Never
{{iframeScope.getMediaTitle(iframeScope.getOption('set-columns-width-50'))}}
{{iframeScope.getMediaTitle(name)}}
Never
50 50
33 33 33
25 25 25 25
25 50 25
60 40
40 60
Add Another Row
{{iframeScope.getMediaTitle(iframeScope.getOption('stack-header-vertically'))}}
{{iframeScope.getMediaTitle(name)}}
Never
{{iframeScope.getMediaTitle(iframeScope.getOption('stack-header-vertically'))}}
{{iframeScope.getMediaTitle(name)}}
Never
{{iframeScope.getMediaTitle(iframeScope.getOption('hide-row'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Re-enable Deleted Text
Re-enable Deleted Text
Re-enable Deleted Text
browse
{{iframeScope.getOption('gallery_thumbnail_size')}}
thumbnail
medium
medium_large
large
1536x1536
2048x2048
full
Layout
Gallery
/
Layout
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
px
px
Captions
Gallery
/
Captions
{{iframeScope.getMediaTitle(iframeScope.getOption('hide_captions_below'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Hover
Gallery
/
Hover
{{iframeScope.getOptionUnitLabel('image_opacity')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('image_opacity_hover')}}
px
%
em
rem
auto
vw
vh
none
sec
Add Another Tab
Add Another Tab Content
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOption('tag')}}
section
div
footer
header
article
main
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
%
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOption('tag')}}
div
article
aside
details
figure
footer
header
hgroup
main
mark
nav
section
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOption('tag')}}
H1
H2
H3
H4
H5
H6
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOption('tag')}}
div
p
figcaption
time
article
summary
details
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOption('tag')}}
div
article
aside
details
figure
footer
header
hgroup
main
mark
nav
section
set
data
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
set
data
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
set
data
{{iframeScope.getOptionUnitLabel('button-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
browse
data
browse
data
{{iframeScope.getOption('attachment_size')}}
{{option}}
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('height')}}
px
%
em
rem
auto
vw
vh
none
data
data
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.currentSVGSet}}
{{name}}
px
px
{{iframeScope.currentSVGSet}}
{{name}}
Unwrapping Code Block PHP will result in ID assigned styles not applying to the Code Block on the front-end.
{{iframeScope.getOption('tag')}}
DIV
P
H1
H2
H3
H4
H5
H6
section
footer
header
article
main
figcaption
time
summary
details
aside
figure
hgroup
mark
nav
PHP & HTML
CSS
JavaScript
Mixed Code View
{{iframeScope.getOption('tag')}}
div
section
article
main
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{menusList[iframeScope.getOption('menu_id')]}}
Footer Company
Main Menu
Our Services
Privacy Info
Text
Spacing
Hover & Active
Dropdowns
Mobile Responsive
All Styles
/
Text
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('menu_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('menu_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
All Styles
/
Spacing
px
px
px
px
apply all »
{{iframeScope.getOptionUnitLabel('menu_margin-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('menu_margin-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('menu_margin-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('menu_margin-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
All Styles
/
Hover & Active
px
px
px
px
s
All Styles
/
Dropdowns
px
px
px
px
apply all »
All Styles
/
Mobile Responsive
{{iframeScope.getMediaTitle(iframeScope.getOption('menu_responsive'))}}
Always
{{iframeScope.getMediaTitle(name)}}
Never
Icon Styles
Menu Styles
Dropdowns
Mobile Responsive
/
Icon Styles
px
px
px
Mobile Responsive
/
Menu Styles
px
px
px
px
apply all »
Mobile Responsive
/
Dropdowns
{{iframeScope.getOption('tag')}}
DIV
P
H1
H2
H3
H4
H5
H6
section
footer
header
article
main
figcaption
time
summary
details
aside
figure
hgroup
mark
nav
{{iframeScope.getOptionUnitLabel('placeholder-width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('placeholder-height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
Templates
Comments List
/
Templates
Template PHP
Template CSS
Templates
/
PHP
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Templates
/
CSS
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Form Field
px
Submit Button
Form Field
px
Submit Button
Form Field
px
Submit Button
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOption('view')}}
{{iframeScope.getOption('tag')}}
DIV
P
H1
H2
H3
H4
H5
H6
section
footer
header
article
main
figcaption
time
summary
details
aside
figure
hgroup
mark
nav
Sticky
Header Builder
/
Sticky
{{iframeScope.getMediaTitle(iframeScope.getOption('sticky-media'), true)}}
{{iframeScope.getMediaTitle(name, true)}}
Always
s
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Overlay
Header Builder
/
Overlay
{{iframeScope.getMediaTitle(iframeScope.getOption('overlay-header-above'), true)}}
Never
{{iframeScope.getMediaTitle(name, true)}}
Always
Enable the header overlay on specific pages only from Settings -> Page Settings
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
px
px
px
Image
Testimonial
/
Image
browse
data
{{iframeScope.getOptionUnitLabel('testimonial_image_size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('testimonial_image_spacing')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Layout
Testimonial
/
Layout
{{iframeScope.getMediaTitle(iframeScope.getOption('testimonial_vertical_layout_below'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Typography
Testimonial
/
Typography
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Text
Author
Author Info
Typography
/
Text
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'testimonial_text_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('testimonial_text_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('testimonial_text_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Author
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'testimonial_author_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('testimonial_author_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('testimonial_author_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Author Info
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'testimonial_author_info_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('testimonial_author_info_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('testimonial_author_info_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Spacing
Testimonial
/
Spacing
{{iframeScope.getOptionUnitLabel('testimonial_text_space_below')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('testimonial_author_space_below')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('testimonial_author_info_space_below')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Layout & Spacing
Icon Box
/
Layout & Spacing
{{iframeScope.getOptionUnitLabel('icon_box_icon_space_before')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_icon_space_after')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_heading_space_above')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_heading_space_below')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_text_space_above')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_text_space_below')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_link_space_above')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('icon_box_link_space_below')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Responsive
Icon Box
/
Responsive
{{iframeScope.getMediaTitle(iframeScope.getOption('icon_box_vertical_layout_below'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Typography
Icon Box
/
Typography
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Heading
Text
Typography
/
Heading
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'icon_box_heading_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('icon_box_heading_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('icon_box_heading_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Text
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'icon_box_text_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('icon_box_text_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('icon_box_text_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Padding & Alignment
Pricing Box
/
Padding & Alignment
{{iframeScope.getOptionUnitLabel('pricing_box_global_padding-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_global_padding-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_global_padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_global_padding-left')}}
px
%
em
rem
none
apply all »
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Graphic
Pricing Box
/
Graphic
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Padding
Borders
Graphic
/
Padding
{{iframeScope.getOptionUnitLabel('pricing_box_graphic_padding-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_graphic_padding-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_graphic_padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_graphic_padding-left')}}
px
%
em
rem
none
apply all »
Graphic
/
Borders
{{iframeScope.getOptionUnitLabel('pricing_box_graphic-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_graphic-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_graphic-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_graphic-left')}}
px
%
em
rem
none
apply all »
Title
Pricing Box
/
Title
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Padding
Borders
Typography
Title
/
Padding
{{iframeScope.getOptionUnitLabel('pricing_box_title_padding-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title_padding-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title_padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title_padding-left')}}
px
%
em
rem
none
apply all »
Title
/
Borders
{{iframeScope.getOptionUnitLabel('pricing_box_title-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title-left')}}
px
%
em
rem
none
apply all »
Title
/
Typography
Title Typography
Subtitle Typography
Typography
/
Title Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_title_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_title_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_title_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Subtitle Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_subtitle_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_subtitle_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_subtitle_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Price
Pricing Box
/
Price
{{iframeScope.getOptionUnitLabel('pricing_box_price_sale_space_below')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Padding
Borders
Typography
Price
/
Padding
{{iframeScope.getOptionUnitLabel('pricing_box_price_padding-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_padding-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_padding-left')}}
px
%
em
rem
none
apply all »
Price
/
Borders
{{iframeScope.getOptionUnitLabel('pricing_box_price-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price-left')}}
px
%
em
rem
none
apply all »
Price
/
Typography
Amount Currency
Amount Main
Amount Decimal
Term
Sale
Typography
/
Amount Currency
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_price_amount_currency_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_currency_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_currency_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Amount Main
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_price_amount_main_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_main_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_main_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Amount Decimal
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_price_amount_decimal_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_decimal_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_decimal_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Term
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_price_amount_term_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_term_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_amount_term_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Sale
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_price_sale_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_price_sale_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_price_sale_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Features
Pricing Box
/
Features
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Padding
Borders
Typography
Features
/
Padding
{{iframeScope.getOptionUnitLabel('pricing_box_content_padding-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content_padding-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content_padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content_padding-left')}}
px
%
em
rem
none
apply all »
Features
/
Borders
{{iframeScope.getOptionUnitLabel('pricing_box_content-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content-left')}}
px
%
em
rem
none
apply all »
Features
/
Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'pricing_box_content_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('pricing_box_content_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_content_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Call To Action
Pricing Box
/
Call To Action
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Padding
Borders
Call To Action
/
Padding
{{iframeScope.getOptionUnitLabel('pricing_box_cta_padding-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_cta_padding-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_cta_padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_cta_padding-left')}}
px
%
em
rem
none
apply all »
Call To Action
/
Borders
{{iframeScope.getOptionUnitLabel('pricing_box_cta-top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_cta-right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_cta-bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('pricing_box_cta-left')}}
px
%
em
rem
none
apply all »
{{iframeScope.getOptionUnitLabel('progress_bar_progress')}}
px
%
em
rem
auto
vw
vh
none
Progress Bar
Progress Bar
/
Progress Bar
{{iframeScope.getOptionUnitLabel('progress_bar_bar_padding')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Animation
Progress Bar
/
Animation
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Typography
Progress Bar
/
Typography
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Left Text
Right Text
Typography
/
Left Text
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'progress_bar_left_text_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('progress_bar_left_text_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('progress_bar_left_text_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Right Text
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'progress_bar_right_text_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('progress_bar_right_text_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('progress_bar_right_text_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Query
Styles
Templates
Grid Layout
Easy Posts
/
Grid Layout
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
Easy Posts
/
Styles
Title
Meta
Content
Read More
Responsive
Styles
/
Title
{{iframeScope.getOptionUnitLabel('title_size')}}
px
%
em
rem
auto
vw
vh
none
Styles
/
Meta
{{iframeScope.getOptionUnitLabel('meta_size')}}
px
%
em
rem
auto
vw
vh
none
Styles
/
Content
{{iframeScope.getOptionUnitLabel('content_size')}}
px
%
em
rem
auto
vw
vh
none
Styles
/
Read More
{{iframeScope.getOptionUnitLabel('read_more_size')}}
px
%
em
rem
auto
vw
vh
none
Styles
/
Responsive
{{iframeScope.getMediaTitle(iframeScope.getOption('posts_5050_below'))}}
{{iframeScope.getMediaTitle(name)}}
Never
{{iframeScope.getMediaTitle(iframeScope.getOption('posts_100_below'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Easy Posts
/
Templates
Template PHP
Template CSS
Templates
/
PHP
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Templates
/
CSS
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Easy Posts
/
Query
{{ iframeScope.component.options[iframeScope.component.active.id].model['wp_query_advanced_preset'] }}
{{val.title}}
Edit Query
Post Type
Filtering
Order
Count
Apply Query Params
Query
/
Post Type
Apply Query Params
Query
/
Filtering
Apply Query Params
Query
/
Order
{{$parent.iframeScope.getOption('query_order_by')}}
 
Date
Date Last Modified
Title
Comment Count
Menu Order
Apply Query Params
Query
/
Count
Apply Query Params
Styling
Configuration
All Styles
/
Styling
{{iframeScope.getOptionUnitLabel('slider-slide-padding')}}
px
%
em
rem
auto
vw
vh
none
All Styles
/
Configuration
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
Primary
Superbox
/
Primary
px
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Secondary
Superbox
/
Secondary
px
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
{{iframeScope.getOptionUnitLabel('toggle_icon_size')}}
px
%
em
rem
auto
vw
vh
none
data
{{iframeScope.getOptionUnitLabel('map_zoom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('height')}}
px
%
em
rem
auto
vw
vh
none
Trigger
Modal
/
Trigger
choose
choose
{{iframeScope.getOptionUnitLabel('trigger_time')}}
sec
ms
none
{{iframeScope.getOptionUnitLabel('time_inactive')}}
sec
ms
none
days
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Content Styles
Modal
/
Content Styles
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Modal Styles
Modal
/
Modal Styles
{{iframeScope.getOptionUnitLabel('width')}}
px
%
vw
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Closing
Modal
/
Closing
{{iframeScope.getOptionUnitLabel('close_after_time')}}
sec
ms
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('placeholder-width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('placeholder-height')}}
px
%
em
rem
auto
vw
vh
none
Apply
{{iframeScope.getOption('tag')}}
div
article
aside
details
figure
footer
header
hgroup
main
mark
nav
section
Add Shape Divider
{{iframeScope.getOptionUnitLabel('oxy-shape-divider_slug_oxyshapedividersvg_height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-shape-divider_slug_oxyshapedividersvg_width')}}
px
%
em
rem
auto
vw
vh
none
{{menusList[iframeScope.getOption('menu_id')]}}
Footer Company
Main Menu
Our Services
Privacy Info
{{iframeScope.getMediaTitle(iframeScope.getOption('oxy-pro-menu_show_mobile_menu_below'))}}
Always
{{iframeScope.getMediaTitle(name)}}
Never
Desktop Menu
Pro Menu
/
Desktop Menu
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Typography
Spacing, Align, Border
Hover & Active
Desktop Menu
/
Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-pro-menu_-oxy-pro-menu-list -menu-item- -oxy-pro-menu-list -menu-item a_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-list -menu-item- -oxy-pro-menu-list -menu-item a_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-list -menu-item- -oxy-pro-menu-list -menu-item a_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Desktop Menu
/
Spacing, Align, Border
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_padding_padding-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_padding_padding-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_padding_padding-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_padding_padding-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_margin_margin-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_margin_margin-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_margin_margin-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_menu_item_margin_margin-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenulistmenuitema_border_radius')}}
px
%
em
rem
auto
vw
vh
none
Desktop Menu
/
Hover & Active
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenulistmenuitemmenuitemmenuitemmenuitemahoveroxypromenulistmenuitema_border_top_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenulistmenuitemmenuitemmenuitemmenuitemahoveroxypromenulistmenuitema_border_bottom_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenulistmenuitemcurrentmenuitemcurrentmenuitemaoxypromenulistmenuitema_border_top_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenulistmenuitemcurrentmenuitemcurrentmenuitemaoxypromenulistmenuitema_border_bottom_width')}}
px
%
em
rem
none
s
Desktop Dropdowns
Pro Menu
/
Desktop Dropdowns
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown-border-radius')}}
px
%
em
rem
auto
vw
vh
none
{{$parent.iframeScope.getOption('menu_dropdown_animation')}}
 
Fade
Fade Up
Fade Down
Fade Left
Fade Right
Fade Up Right
Fade Up Left
Fade Down Right
Fade Down Left
Flip Up
Flip Down
Flip Left
Flip Right
Slide Up
Slide Down
Slide Left
Slide Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right
s
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Box Shadow
Dropdown Icon
Dropdown Colors
Dropdown Child Links
Desktop Dropdowns
/
Box Shadow
px
px
px
px
Desktop Dropdowns
/
Dropdown Icon
{{iframeScope.currentSVGSet}}
{{name}}

{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenushowdropdownoxypromenulistmenuitemhaschildrenasvg_font_size')}}
px
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_icon_item_margin_margin-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_icon_item_margin_margin-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_icon_item_margin_margin-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_icon_item_margin_margin-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenushowdropdownoxypromenulistmenuitemhaschildrenadiv_margin_left')}}
px
%
em
rem
auto
vw
vh
none
deg
deg
s
Desktop Dropdowns
/
Dropdown Colors
Desktop Dropdowns
/
Dropdown Child Links
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_child_item_padding_padding-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_child_item_padding_padding-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_child_item_padding_padding-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_child_item_padding_padding-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-pro-menu_dropdown_child_item_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_child_item_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_child_item_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Mobile Menu
Pro Menu
/
Mobile Menu
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Open Icon Layout
Open Icon Typography
Close Icon Layout
Close Icon Typography
Menu Styles
Typography
Background
Mobile Menu
/
Open Icon Layout
{{iframeScope.currentSVGSet}}
{{name}}

{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobileopeniconsvg_width|height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobileopenicon_margin_top|margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobileopeniconsvg_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobileopenicon_padding_top|padding_right|padding_bottom|padding_left')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobileopenicon_border_radius')}}
px
%
em
rem
auto
vw
vh
none
s
Mobile Menu
/
Open Icon Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-pro-menu_-oxy-pro-menu-mobile-open-icon_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-mobile-open-icon_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-mobile-open-icon_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Mobile Menu
/
Close Icon Layout
{{iframeScope.currentSVGSet}}
{{name}}

{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseicon_top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseicon_left')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseiconsvg_width|height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseicon_margin_top|margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseiconsvg_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseicon_padding_top|padding_right|padding_bottom|padding_left')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenumobilecloseicon_border_radius')}}
px
%
em
rem
auto
vw
vh
none
s
Mobile Menu
/
Close Icon Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-pro-menu_-oxy-pro-menu-mobile-close-icon_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-mobile-close-icon_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-mobile-close-icon_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Mobile Menu
/
Menu Styles
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenuoffcanvascontainer_width')}}
px
%
em
rem
auto
vw
vh
none
{{$parent.iframeScope.getOption('menu_off_canvas_animation')}}
 
Fade
Fade Up
Fade Down
Fade Left
Fade Right
Fade Up Right
Fade Up Left
Fade Down Right
Fade Down Left
Flip Up
Flip Down
Flip Left
Flip Right
Slide Up
Slide Down
Slide Left
Slide Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right
s
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_item_padding_padding-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_item_padding_padding-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_item_padding_padding-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_item_padding_padding-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_container_padding_padding-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_container_padding_padding-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_container_padding_padding-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_container_padding_padding-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
Mobile Menu
/
Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-pro-menu_-oxy-pro-menu-open-container -oxy-pro-menu-list -menu-item--oxy-pro-menu-open-container -oxy-pro-menu-list -menu-item a--oxy-pro-menu-off-canvas-container -oxy-pro-menu-list -menu-item--oxy-pro-menu-off-canvas-container -oxy-pro-menu-list -menu-item a_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-open-container -oxy-pro-menu-list -menu-item--oxy-pro-menu-open-container -oxy-pro-menu-list -menu-item a--oxy-pro-menu-off-canvas-container -oxy-pro-menu-list -menu-item--oxy-pro-menu-off-canvas-container -oxy-pro-menu-list -menu-item a_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_-oxy-pro-menu-open-container -oxy-pro-menu-list -menu-item--oxy-pro-menu-open-container -oxy-pro-menu-list -menu-item a--oxy-pro-menu-off-canvas-container -oxy-pro-menu-list -menu-item--oxy-pro-menu-off-canvas-container -oxy-pro-menu-list -menu-item a_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Mobile Menu
/
Background
browse
data
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_background_background-size-width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_background_background-size-height')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_background_background-position-left')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_mobile_menu_background_background-position-top')}}
px
%
em
rem
none
{{$parent.iframeScope.getOption('oxy-pro-menu_mobile_menu_background_background-blend-mode')}}
 
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
browse
{{iframeScope.getMediaTitle(iframeScope.getOption('video_background_hide'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Mobile Dropdowns
Pro Menu
/
Mobile Dropdowns
s
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_dropdown_icon_size')}}
px
em
rem
none
Dropdown Border-Top
{{iframeScope.getOptionUnitLabel('oxy-pro-menu_slug_oxypromenudropdownlinkstoggleoxypromenuopencontainermenuitemhaschildrenuloxypromenudropdownlinkstoggleoxypromenuoffcanvascontainermenuitemhaschildrenul_border_top_width')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Mobile Settings
Site Navigation
/
Mobile Settings
{{iframeScope.getMediaTitle(iframeScope.getOption('oxy-site-navigation_show_mobile_menu_below'))}}
Always
{{iframeScope.getMediaTitle(name)}}
Never
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
General Styles
Site Navigation
/
General Styles
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_slug____oxynav_border_radius')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_slug____oxynav_other_spacing')}}
px
%
em
rem
auto
vw
vh
none
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Animation
General Styles
/
Animation
CTA Styles
Site Navigation
/
CTA Styles
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Typography
Site Navigation
/
Typography
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
All Typography
Main
Sub-Menu
Sub Sub-Menu
Description
Typography
/
All Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-site-navigation_all_one_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_all_one_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_all_one_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Main
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-site-navigation_level_one_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_level_one_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_level_one_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Sub-Menu
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-site-navigation_level_two_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_level_two_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_level_two_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Sub Sub-Menu
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-site-navigation_level_three_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_level_three_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_level_three_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Typography
/
Description
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'oxy-site-navigation_desc_typography_font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_desc_typography_font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_desc_typography_letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Icons
Site Navigation
/
Icons
Insert Close Button
  • Elements with 'oxy-close-modal' class will act as a close button.
  • Close the popup with JS - use the oxyCloseModal() function. Details
Link Icons
Dropdown Icon
Mobile Open Icon
Mobile Close Icon
Icons
/
Link Icons
{{iframeScope.getOptionUnitLabel('oxy-site-navigation_link_icon_size')}}
px
%
em
rem
auto
vw
vh
none
Icons
/
Dropdown Icon
{{iframeScope.currentSVGSet}}
{{name}}

{{iframeScope.getOptionUnitLabel('oxy-site-navigation_dropdown_icon_size')}}
px
%
em
rem
auto
vw
vh
none
Icons
/
Mobile Open Icon
{{iframeScope.currentSVGSet}}
{{name}}

{{iframeScope.getOptionUnitLabel('oxy-site-navigation_mobile_open_icon_size')}}
px
%
em
rem
auto
vw
vh
none
Icons
/
Mobile Close Icon
{{iframeScope.currentSVGSet}}
{{name}}

{{iframeScope.getOptionUnitLabel('oxy-site-navigation_mobile_close_icon_size')}}
px
%
em
rem
auto
vw
vh
none
Query
Layout
Pagination
Grid Layout
Repeater
/
Grid Layout
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
Repeater
/
Layout
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
Repeater
/
Pagination
{{iframeScope.getOptionUnitLabel('paginate_size')}}
px
%
em
rem
auto
vw
vh
none
Container style
Links style
Links hover style
Pagination
/
Container Style
Size & Spacing
Children Layout
Borders
Background
Pagination
/
Links Style
Link Size & Spacing
Active Link Size & Spacing
Link Background
Active Link Background
Link Borders
Active Link Borders
Pagination
/
Links Hover Style
Link Hover Size & Spacing
Active Link Hover Size & Spacing
Link Hover Background
Active Link Hover Background
Link Hover Borders
Active Link Hover Borders
Container Style
/
Size & Spacing
{{iframeScope.getOptionUnitLabel('paginate_padding_top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginate_padding_right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginate_padding_bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginate_padding_left')}}
px
%
em
rem
none
apply all »
{{iframeScope.getOptionUnitLabel('paginate_margin_top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_margin_left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('paginate_width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_min_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_max_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_min_height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginate_max_height')}}
px
%
em
rem
vw
vh
none
Container Style
/
Children Layout
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
Container Style
/
Borders
{{currentBorder}}
all borders
top
right
bottom
left
{{iframeScope.getOptionUnitLabel('paginate_border_'+currentBorder+'_width')}}
px
em
rem
none
unset all borders
{{iframeScope.getOptionUnitLabel('paginate_border_radius')}}
px
%
em
rem
none
edit individual radius »
{{iframeScope.getOptionUnitLabel('paginate_border_top_left_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginate_border_top_right_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginate_border_bottom_left_radius')}}
px
%
em
rem
none
edit all radii »
{{iframeScope.getOptionUnitLabel('paginate_border_bottom_right_radius')}}
px
%
em
rem
none
Container Style
/
Background
browse
{{iframeScope.getOptionUnitLabel('paginate_background_size_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginate_background_size_height')}}
px
%
em
rem
none
Links Style
/
Link Size & Spacing
{{iframeScope.getOptionUnitLabel('paginatelink_padding_top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelink_padding_right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelink_padding_bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelink_padding_left')}}
px
%
em
rem
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelink_margin_top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_margin_left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelink_width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_min_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_max_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_min_height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelink_max_height')}}
px
%
em
rem
vw
vh
none
Links Style
/
Active Link Size & Spacing
{{iframeScope.getOptionUnitLabel('paginatelinkactive_padding_top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_padding_right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_padding_bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_padding_left')}}
px
%
em
rem
none
apply all »
Top
{{iframeScope.getOptionUnitLabel('paginatelinkactive_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_margin_left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelinkactive_width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_min_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_max_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_min_height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_max_height')}}
px
%
em
rem
vw
vh
none
Links Style
/
Link Borders
{{currentBorder}}
all borders
top
right
bottom
left
{{iframeScope.getOptionUnitLabel('paginatelink_border_'+currentBorder+'_width')}}
px
em
rem
none
unset all borders
{{iframeScope.getOptionUnitLabel('paginatelink_border_radius')}}
px
%
em
rem
none
edit individual radius »
{{iframeScope.getOptionUnitLabel('paginatelink_border_top_left_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelink_border_top_right_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelink_border_bottom_left_radius')}}
px
%
em
rem
none
edit all radii »
{{iframeScope.getOptionUnitLabel('paginatelink_border_bottom_right_radius')}}
px
%
em
rem
none
Links Style
/
Active Link Borders
{{currentBorder}}
all borders
top
right
bottom
left
{{iframeScope.getOptionUnitLabel('paginatelinkactive_border_'+currentBorder+'_width')}}
px
em
rem
none
unset all borders
{{iframeScope.getOptionUnitLabel('paginatelinkactive_border_radius')}}
px
%
em
rem
none
edit individual radius »
{{iframeScope.getOptionUnitLabel('paginatelinkactive_border_top_left_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_border_top_right_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_border_bottom_left_radius')}}
px
%
em
rem
none
edit all radii »
{{iframeScope.getOptionUnitLabel('paginatelinkactive_border_bottom_right_radius')}}
px
%
em
rem
none
Links Style
/
Link Background
browse
{{iframeScope.getOptionUnitLabel('paginatelink_background_size_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelink_background_size_height')}}
px
%
em
rem
none
Links Style
/
Active Link Background
browse
{{iframeScope.getOptionUnitLabel('paginatelinkactive_background_size_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactive_background_size_height')}}
px
%
em
rem
none
Links Hover Style
/
Link Hover Size & Spacing
{{iframeScope.getOptionUnitLabel('paginatelinkhover_padding_top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_padding_right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_padding_bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_padding_left')}}
px
%
em
rem
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelinkhover_margin_top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_margin_left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelinkhover_width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_min_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_max_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_min_height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_max_height')}}
px
%
em
rem
vw
vh
none
Links Hover Style
/
Active Link Hover Size & Spacing
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_padding_top')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_padding_right')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_padding_bottom')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_padding_left')}}
px
%
em
rem
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_margin_top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_margin_right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_margin_bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_margin_left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_min_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_max_width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_min_height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_max_height')}}
px
%
em
rem
vw
vh
none
Links Hover Style
/
Link Hover Borders
{{currentBorder}}
all borders
top
right
bottom
left
{{iframeScope.getOptionUnitLabel('paginatelinkhover_border_'+currentBorder+'_width')}}
px
em
rem
none
unset all borders
{{iframeScope.getOptionUnitLabel('paginatelinkhover_border_radius')}}
px
%
em
rem
none
edit individual radius »
{{iframeScope.getOptionUnitLabel('paginatelinkhover_border_top_left_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_border_top_right_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_border_bottom_left_radius')}}
px
%
em
rem
none
edit all radii »
{{iframeScope.getOptionUnitLabel('paginatelinkhover_border_bottom_right_radius')}}
px
%
em
rem
none
Links Hover Style
/
Active Link Hover Borders
{{currentBorder}}
all borders
top
right
bottom
left
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_border_'+currentBorder+'_width')}}
px
em
rem
none
unset all borders
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_border_radius')}}
px
%
em
rem
none
edit individual radius »
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_border_top_left_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_border_top_right_radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_border_bottom_left_radius')}}
px
%
em
rem
none
edit all radii »
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_border_bottom_right_radius')}}
px
%
em
rem
none
Links Hover Style
/
Link Hover Background
browse
{{iframeScope.getOptionUnitLabel('paginatelinkhover_background_size_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkhover_background_size_height')}}
px
%
em
rem
none
Links Hover Style
/
Active Link Hover Background
browse
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_background_size_width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('paginatelinkactivehover_background_size_height')}}
px
%
em
rem
none
Repeater
/
Query
{{ iframeScope.component.options[iframeScope.component.active.id].model['wp_query_advanced_preset'] }}
{{val.title}}
Edit Query
Post Type
Filtering
Order
Count
Apply Query Params
Query
/
Post Type
Apply Query Params
Query
/
Filtering
Apply Query Params
Query
/
Order
{{$parent.iframeScope.getOption('query_order_by')}}
 
Date
Date Last Modified
Title
Comment Count
Menu Order
Apply Query Params
Query
/
Count
Apply Query Params
{{iframeScope.getSuperBoxEditingModeTitle()}}
Show Primary Only
Show Secondary Only
As If Hovered
As If Not Hovered
Live
{{iframeScope.getCurrentPresetName()}}
{{iframeScope.elementPresets[iframeScope.component.active.name][presetKey].name}}
Delete
Export
Import
Save
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
Apply Params
data
Background
browse
data
{{iframeScope.getOptionUnitLabel('background-size-width')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('background-size-height')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('background-position-left')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('background-position-top')}}
px
%
em
rem
none
{{$parent.iframeScope.getOption('background-blend-mode')}}
 
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
browse
{{iframeScope.getMediaTitle(iframeScope.getOption('video_background_hide'))}}
{{iframeScope.getMediaTitle(name)}}
Never
Gradient
Size & Spacing
{{iframeScope.getOptionUnitLabel('container-padding-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('container-padding-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('container-padding-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('container-padding-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('padding-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('padding-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('padding-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('padding-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('margin-top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('margin-right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('margin-bottom')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('margin-left')}}
px
%
em
rem
auto
vw
vh
none
apply all »
{{iframeScope.getOptionUnitLabel('width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnit('width')}}
{{iframeScope.getOptionUnitLabel('min-width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('max-width')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('height')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('min-height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOptionUnitLabel('max-height')}}
px
%
em
rem
vw
vh
none
{{iframeScope.getOption('section-width')}}
page width
full width
custom
{{iframeScope.getOptionUnit('custom-width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOption('header-width')}}
page width
full width
custom
{{iframeScope.getOption('header-row-width')}}
page width
full width
custom
{{iframeScope.getOptionUnit('header-custom-width')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnit('header-row-custom-width')}}
px
%
em
rem
auto
vw
vh
none
Layout
{{iframeScope.getOptionUnitLabel('grid-column-min-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-max-width')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-column-gap')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('grid-row-min-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-max-height')}}
px
%
em
rem
auto
vw
vh
fr
none
{{iframeScope.getOptionUnitLabel('grid-row-gap')}}
px
%
em
rem
auto
vw
vh
none
 
 
Reset Grid Children
{{iframeScope.getOptionUnitLabel('gap')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('top')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('left')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('right')}}
px
%
em
rem
auto
vw
vh
none
{{iframeScope.getOptionUnitLabel('bottom')}}
px
%
em
rem
auto
vw
vh
none

Flexbox Child Controls

Typography
{{iframeScope.getComponentFont(iframeScope.component.active.id, true, '', 'font-family')}}
Default
{{name}} ({{font}})
Inherit
{{name}}
{{font.name}}
{{font}}
{{font.family}}
{{iframeScope.getOptionUnitLabel('font-size')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('letter-spacing')}}
px
%
em
rem
auto
vw
vh
none
Borders
{{currentBorder}}
all borders
top
right
bottom
left
{{iframeScope.getOptionUnitLabel('border-'+currentBorder+'-width')}}
px
em
rem
none
unset all borders
{{iframeScope.getOptionUnitLabel('border-radius')}}
px
%
em
rem
none
edit individual radius »
{{iframeScope.getOptionUnitLabel('border-top-left-radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('border-top-right-radius')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('border-bottom-left-radius')}}
px
%
em
rem
none
edit all radii »
{{iframeScope.getOptionUnitLabel('border-bottom-right-radius')}}
px
%
em
rem
none
Effects
Animate On Scroll
Opacity
Transition
Box Shadow
Text Shadow
Filter
Transform
Effects
/
Opacity
{{iframeScope.getOptionUnitLabel('opacity')}}
px
%
em
rem
auto
vw
vh
none
{{$parent.iframeScope.getOption('mix-blend-mode')}}
 
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
Effects
/
Transition
sec
sec
Effects
/
Box Shadow
px
px
px
px
Effects
/
Text Shadow
px
px
px
Effects
/
Filter
{{$parent.iframeScope.getOption('filter')}}
 
blur()
brightness()
contrast()
grayscale()
hue-rotate()
invert()
saturate()
sepia()
px
%
%
%
deg
%
%
%
Effects
/
Transform
Add Transform
{{transform['transform-type']}}
skew
translate
rotate
rotateX
rotateY
perspective
rotate3d
scale
deg
deg
{{iframeScope.getOptionUnitLabel('transform.'+$index+'.translateX')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('transform.'+$index+'.translateY')}}
px
%
em
rem
none
{{iframeScope.getOptionUnitLabel('transform.'+$index+'.translateZ')}}
px
%
em
rem
none
deg
deg
deg
{{iframeScope.getOptionUnitLabel('transform.'+$index+'.perspective')}}
px
%
em
rem
none
 
 
 
deg
 
 
 
Effects
/
Animate On Scroll
{{$parent.iframeScope.getOption('aos-type')}}
 
Fade
Fade Up
Fade Down
Fade Left
Fade Right
Fade Up Right
Fade Up Left
Fade Down Right
Fade Down Left
Flip Up
Flip Down
Flip Left
Flip Right
Slide Up
Slide Down
Slide Left
Slide Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right
ms
{{$parent.iframeScope.getOption('aos-anchor-placement')}}
 
Top Bottom
Top Center
Top Top
Center Bottom
Center Center
Center Top
Bottom Bottom
Bottom Center
Bottom Top
{{$parent.iframeScope.getOption('aos-easing')}}
 
linear
ease
ease-in
ease-out
ease-in-out
ease-in-back
ease-out-back
ease-in-out-back
ease-in-sine
ease-out-sine
ease-in-out-sine
ease-in-quad
ease-out-quad
ease-in-out-quad
ease-in-cubic
ease-out-cubic
ease-in-out-cubic
ease-in-quart
ease-out-quart
ease-in-out-quart
px
ms
PHP
Mixed View
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
CSS
Mixed View
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
JavaScript
Mixed View
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Mixed Code
PHP Expand
CSS Expand
JS Expand
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Custom CSS 
#{{iframeScope.component.options[iframeScope.component.active.id]['selector']}}{{iframeScope.currentState !== "original" ? ":"+iframeScope.currentState : ""}}{{{iframeScope.selectorToEdit}}{{iframeScope.currentState !== "original" ? ":"+iframeScope.currentState : ""}}{
}
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
JavaScript
Editor Theme: "{{$parent.iframeScope.globalCodeMirrorTheme}}"
Material
Solarized Dark
Solarized Light
Gruvbox Dark
Gruvbox Light
Nord
Apply Code Expand Editor
Attributes
Add Attribute
data
data
Apply Attributes
Add a Color
{{color['position-unit']}}
{{unit}}
{{iframeScope.component.options[iframeScope.component.active.id]['model']['gradient']['radial-position-left-unit'] || 'px'}}
{{unit}}
{{iframeScope.component.options[iframeScope.component.active.id]['model']['gradient']['radial-position-top-unit'] || 'px'}}
{{unit}}
°
°
No Item Selected
Basics

Containers

Section
Div
Columns

Text

Heading
Text
Rich Text

Links

Text Link
Link Wrapper
Button
Skip Link
Dropdown Button
Icon Button

Visual

Image
Video
Icon
Horizontal Divider
Icon List
Hover Scrolling Image

Other

Code Block
Slide
Helpers

Composite

Header Builder
Social Icons
Testimonial
Icon Box
Pricing Box
Progress Bar
Logo Slider
Dashboard Tabs
Review Box

Dynamic

Easy Posts
Gallery
Repeater
Image Accordion
Breadcrumb
Dynamic Slider
Table Of Contents

Interactive

Slider
Tabs
Superbox
Toggle
Modal
Video Playlist
Floating Icon Menu
Focus Section
Flip Box
Section Indicator
Circular Counter
Number Counter
Switcher
Back To Top Button
Image Comparison
Accordion

External

Google Maps
SoundCloud
WordPress
Pro Menu
Site Navigation
Menu
Shortcode
Shortcode Wrapper
Comments List
Comment Form
Login Form
Search Form
Mega Menu
Dynamic Data
Widgets
Sidebars
WordPress
/
Dynamic Data
Dynamic Data
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['dynamic-data-data']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['dynamic-data-data']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}

Please review this security information if you plan to render untrusted data via Oxygen’s dynamic data functions.

Title
Content
Date
Categories
Tags
Featured Image
Author
Author Avatar
Custom field
WordPress
/
Widgets
Widgets
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['widgets-widgets']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['widgets-widgets']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Pages
Calendar
Archives
Audio
Image
Gallery
Video
Meta
Search
Text
Categories
Recent Posts
Recent Comments
RSS
Tag Cloud
Navigation Menu
Custom HTML
Block
Quform
Quform Popup
WordPress
/
Sidebars
Sidebars
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['sidebars-sidebars']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['sidebars-sidebars']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
PWS Oxy
Highlighted Heading
Animated Headline
Accordion Menu
PWS Oxy Gallery Slider
PWS Image Hover
Off Canvas
PWS Video
Button Animations
Library
Design Sets
Library
/
Design Sets
Design Sets
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['design-sets-experimental']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['design-sets-experimental']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Atomic
SAAS 2
Hyperion
Dentist
BnB
Winery
One Page 2
Financial
Freelance
Marketing Agency B
Flight School
Conference
Music Teacher
Hosting
Brewery
Fancy Freelancer
Proteus
Wedding
Design Sets
/
Composite Elements
Composite Elements
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['composite-elements-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['composite-elements-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Atomic
Atomic
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['atomic-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['atomic-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
SAAS 2
SAAS 2
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['saas-2-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['saas-2-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Hyperion
Hyperion
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['hyperion-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['hyperion-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Dentist
Dentist
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['dentist-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['dentist-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
BnB
BnB
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['bnb-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['bnb-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Winery
Winery
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['winery-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['winery-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
One Page 2
One Page 2
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['one-page-2-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['one-page-2-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Financial
Financial
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['financial-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['financial-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Freelance
Freelance
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['freelance-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['freelance-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Marketing Agency B
Marketing Agency B
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['marketing-agency-b-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['marketing-agency-b-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Flight School
Flight School
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['flight-school-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['flight-school-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Conference
Conference
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['conference-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['conference-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Music Teacher
Music Teacher
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['music-teacher-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['music-teacher-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Hosting
Hosting
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['hosting-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['hosting-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Brewery
Brewery
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['brewery-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['brewery-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Fancy Freelancer
Fancy Freelancer
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['fancy-freelancer-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['fancy-freelancer-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Proteus
Proteus
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['proteus-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['proteus-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Design Sets
/
Wedding
Wedding
/
{{(iframeScope.designSetSubTab===1?'Components':'Pages')}}

Sections & Elements

{{key}}{{category.contents.length}}

Pages

{{key}}{{category.contents.length}}
Pages{{iframeScope.experimental_components[iframeScope.openFolders['wedding-0']]['pages'].length}} Templates{{iframeScope.experimental_components[iframeScope.openFolders['wedding-0']]['templates'].length}}
Sections & Elements
{{key}}{{category.contents.length}}
{{item.name}}
Reusable
Settings
Page settings
Editor settings
Global Styles
All Settings
/
Page Settings
px
{{$parent.iframeScope.getMediaTitle($parent.iframeScope.pageSettingsMeta['overlay-header-above'],true) || $parent.iframeScope.getMediaTitle($parent.iframeScope.pageSettings['overlay-header-above'],true)}}
 
Never
{{$parent.iframeScope.getMediaTitle(name, true)}}
Always
Animate On Scroll
Scripts
Page Settings
/
Animate On Scroll
{{$parent.iframeScope.pageSettingsMeta['aos']['type']||$parent.iframeScope.pageSettings['aos']['type']||$parent.iframeScope.globalSettings['aos']['type']}}
 
Fade
Fade Up
Fade Down
Fade Left
Fade Right
Fade Up Right
Fade Up Left
Fade Down Right
Fade Down Left
Flip Up
Flip Down
Flip Left
Flip Right
Slide Up
Slide Down
Slide Left
Slide Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right
ms
{{$parent.iframeScope.pageSettingsMeta['aos']['anchor-placement']||$parent.iframeScope.pageSettings['aos']['anchor-placement']||$parent.iframeScope.globalSettings['aos']['anchor-placement']}}
 
Top Bottom
Top Center
Top Top
Center Bottom
Center Center
Center Top
Bottom Bottom
Bottom Center
Bottom Top
{{$parent.iframeScope.pageSettingsMeta['aos']['easing']||$parent.iframeScope.pageSettings['aos']['easing']||$parent.iframeScope.globalSettings['aos']['easing']}}
 
linear
ease
ease-in
ease-out
ease-in-out
ease-in-back
ease-out-back
ease-in-out-back
ease-in-sine
ease-out-sine
ease-in-out-sine
ease-in-quad
ease-out-quad
ease-in-out-quad
ease-in-cubic
ease-out-cubic
ease-in-out-cubic
ease-in-quart
ease-out-quart
ease-in-out-quart
px
ms
{{iframeScope.getMediaTitle(iframeScope.pageSettingsMeta['aos']['disable']||iframeScope.pageSettings['aos']['disable']||iframeScope.globalSettings['aos']['disable'])}}
 
{{iframeScope.getMediaTitle(name)}}
Page Settings
/
Scripts
ms
px
All Settings
/
Editor
All Settings
/
Global Styles
Colors
Fonts
Headings
Body Text
Links
Width & Breakpoints
Sections & Columns
Animate On Scroll
Scripts
Reset to Default
Global Styles
/
Colors
{{set.name}}
Colors
/
{{set.name}}
Add Color
Add Color
Add Color Set
Add
Global Styles
/
Links
All
Links
/
All
Normal
{{$parent.iframeScope.globalSettings.links['all']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
Hover
Text Link
Links
/
Text Link
Normal
{{$parent.iframeScope.globalSettings.links['text_link']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
Hover
Link Wrapper
Links
/
Link Wrapper
Normal
{{$parent.iframeScope.globalSettings.links['link_wrapper']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
Hover
Button
Links
/
Button
{{$parent.iframeScope.globalSettings.links['button']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
{{iframeScope.getGlobalOptionUnitLabel('global', 'links.button.border-radius')}}
px
%
em
rem
none
Global Styles
/
Fonts
{{iframeScope.globalSettings.fonts[name]}}
{{font}}
{{font.name}}
{{font}}
{{font.family}}
weights »
{{font.variants | json}}
Add font
Global Styles
/
Headings
H1
{{iframeScope.getGlobalOptionUnitLabel('global', 'headings.H1.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.headings['H1']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
H2
{{iframeScope.getGlobalOptionUnitLabel('global', 'headings.H2.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.headings['H2']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
H3
{{iframeScope.getGlobalOptionUnitLabel('global', 'headings.H3.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.headings['H3']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
H4
{{iframeScope.getGlobalOptionUnitLabel('global', 'headings.H4.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.headings['H4']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
H5
{{iframeScope.getGlobalOptionUnitLabel('global', 'headings.H5.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.headings['H5']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
H6
{{iframeScope.getGlobalOptionUnitLabel('global', 'headings.H6.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.headings['H6']['font-weight']}}
 
100
200
300
400
500
600
700
800
900
Global Styles
/
Body Text
{{iframeScope.getGlobalOptionUnitLabel('global', 'body_text.font-size')}}
px
%
em
rem
none
{{$parent.iframeScope.globalSettings.body_text['font-weight']}}
 
100
200
300
400
500
600
700
800
900
Global Styles
/
Width & Breakpoints
px
px
px
px
Global Styles
/
Sections & Columns
{{iframeScope.getGlobalOptionUnitLabel('global', 'sections.container-padding-top')}}
px
%
em
rem
none
{{iframeScope.getGlobalOptionUnitLabel('global', 'sections.container-padding-right')}}
px
%
em
rem
none
{{iframeScope.getGlobalOptionUnitLabel('global', 'sections.container-padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getGlobalOptionUnitLabel('global', 'sections.container-padding-left')}}
px
%
em
rem
none
apply all »
{{iframeScope.getGlobalOptionUnitLabel('global', 'columns.padding-top')}}
px
%
em
rem
none
{{iframeScope.getGlobalOptionUnitLabel('global', 'columns.padding-right')}}
px
%
em
rem
none
{{iframeScope.getGlobalOptionUnitLabel('global', 'columns.padding-bottom')}}
px
%
em
rem
none
{{iframeScope.getGlobalOptionUnitLabel('global', 'columns.padding-left')}}
px
%
em
rem
none
apply all »
Global Styles
/
Animate On Scroll
{{$parent.iframeScope.globalSettings['aos']['type']}}
 
Fade
Fade Up
Fade Down
Fade Left
Fade Right
Fade Up Right
Fade Up Left
Fade Down Right
Fade Down Left
Flip Up
Flip Down
Flip Left
Flip Right
Slide Up
Slide Down
Slide Left
Slide Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right
ms
{{$parent.iframeScope.globalSettings['aos']['anchor-placement']}}
 
Top Bottom
Top Center
Top Top
Center Bottom
Center Center
Center Top
Bottom Bottom
Bottom Center
Bottom Top
{{$parent.iframeScope.globalSettings['aos']['easing']}}
 
linear
ease
ease-in
ease-out
ease-in-out
ease-in-back
ease-out-back
ease-in-out-back
ease-in-sine
ease-out-sine
ease-in-out-sine
ease-in-quad
ease-out-quad
ease-in-out-quad
ease-in-cubic
ease-out-cubic
ease-in-out-cubic
ease-in-quart
ease-out-quart
ease-in-out-quart
px
ms
{{iframeScope.getMediaTitle(iframeScope.globalSettings['aos']['disable'])}}
 
{{iframeScope.getMediaTitle(name)}}
Global Styles
/
Scripts
ms
px
cross
Structure
Import
Expand All
Collapse All
Body
Inner Content
History
Clear All
There are no undo points
{{iframeScope.firstHistoryItem.name}}
{{historyItem.name}}
Stylesheets
Add Stylesheet
Add Folder

Enabled

Uncategorized
  • Disable

Disabled

Uncategorized
  • Enable
Selectors
Add Selector
Add Folder

Enabled

Uncategorized
  • Disable
{{set.key}}
{{iframeScope.customSelectors[selector.key]['friendly_name'] || selector.key || 'Empty selector'}}
.{{class.key}}
{{folder.key}}
{{set.key}}
{{iframeScope.customSelectors[selector.key]['friendly_name'] || selector.key}}
.{{class.key}}
.{{class.key}}
{{iframeScope.customSelectors[selector.key]['friendly_name'] || selector.key}}

Disabled

Uncategorized
  • Enable
{{set.key}}
{{iframeScope.customSelectors[selector.key]['friendly_name'] || selector.key || 'Empty selector'}}
.{{class.key}}
{{folder.key}}
{{set.key}}
{{iframeScope.customSelectors[selector.key]['friendly_name'] || selector.key}}
.{{class.key}}
.{{class.key}}
{{iframeScope.customSelectors[selector.key]['friendly_name'] || selector.key}}

Conditions

{{condition.name}} {{condition.oxycode}} Choose Condition...
{{condition.name}} {{condition.oxycode}}
{{groupname}}
Dynamic Data
{{item.name}}
{{iframeScope.globalConditions[iframeScope.component.options[iframeScope.component.active.id]['model']['globalconditions'][index]['name']]['operators'][condition.operator]}} {{condition.operator}}==
{{iframeScope.globalConditions[iframeScope.component.options[iframeScope.component.active.id]['model']['globalconditions'][index]['name']]['operators'][condition.operator]}}
{{operator}}
data
{{iframeScope.getConditionValue(index,condition)}} Value...
{{iframeScope.getConditionValue(index,condition)}}
{{value}}
Add Condition
Add your first condition

Advanced Query

Add Parameter
Add Query Parameter

New Color

{{iframeScope.getGlobalColorSet(colorSetIDToAdd).name}}
{{set.name}}
Add

Preset

{{iframeScope.presetExportJSON}}
Copy To Clipboard

Export Element JSON Import Element JSON

{{elementExportJSON}}
Copy To Clipboard
Import

Edit text


Save & Close
This property is not available for classes. It will be set in the element/ID.
This property is not available for media queries. It will be set for 'Full Screen’.
This property is not available for media queries or classes. It will be set for 'Full Screen’ in the element/ID.
Copy
Paste
Duplicate
Delete
Rename
Export
Conditions
{{iframeScope.getOption('conditionspreview')==='0' ? 'Unhide': 'Hide'}}
Make Re-Usable
Wrap with div
{{statusMessage}}
home apartment pencil magic-wand drop lighter poop sun moon cloud cloud-upload cloud-download cloud-sync cloud-check database lock cog trash dice heart star star-half star-empty flag envelope paperclip inbox eye printer file-empty file-add enter exit graduation-hat license music-note film-play camera-video camera picture book bookmark user users shirt store cart tag phone-handset phone pushpin map-marker map location calendar-full keyboard spell-check screen smartphone tablet laptop laptop-phone power-switch bubble heart-pulse construction pie-chart chart-bars gift diamond linearicons dinner coffee-cup leaf paw rocket briefcase bus car train bicycle wheelchair select earth smile sad neutral mustache alarm bullhorn volume-high volume-medium volume-low volume mic hourglass undo redo sync history clock download upload enter-down exit-up bug code link unlink thumbs-up thumbs-down magnifier cross menu list chevron-up chevron-down chevron-left chevron-right arrow-up arrow-down arrow-left arrow-right move warning question-circle menu-circle checkmark-circle cross-circle plus-circle circle-minus arrow-up-circle arrow-down-circle arrow-left-circle arrow-right-circle chevron-up-circle chevron-down-circle chevron-left-circle chevron-right-circle crop frame-expand frame-contract layers funnel text-format text-format-remove text-size bold italic underline strikethrough highlight text-align-left text-align-center text-align-right text-align-justify line-spacing indent-increase indent-decrease pilcrow direction-ltr direction-rtl page-break sort-alpha-asc sort-amount-asc hand pointer-up pointer-right pointer-down pointer-left
Skip to toolbar