Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Elementor Quick SnippetNew to Visual Studio Code? Get it now.
Elementor Quick Snippet

Elementor Quick Snippet

iamsabbirislam

|
209 installs
| (4) | Free
This is a elementor quick snippets extension. All controls and condition with custom control are available here.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

elementor-quick-snippets

This is a elementor quick snippets extension. All controls and condition with custom control are available here.

Setup & Usage

  • Install this package from the Extension Marketplace.

Section Control

Trigger Description
el_tab_content Elementor Tab Content
el_tab_style Elementor Tab Style
elc_tabs_two Elementor Tabs Control: Two
elc_tabs_three Elementor Tabs Control: Three

Control Classes

Trigger Description
el_text Text
el_number Number
el_textarea Textarea
el_wysiwyg Wysiwyg
el_code Code
el_hidden Hidden
el_switcher Switcher
el_popover_toggle Popover Toggle
el_select Select
el_select2 Select2
el_choose Choose
el_color Color
el_font_family Font Family
el_date_time Date Time
el_gallery Gallery
el_repeater_fields_array Repeater Fields Array
el_repeater_class Repeater Class
el_entrance_animation Entrance Animation
el_exit_animation Exit Animation
el_hover_animation Hover Animation

Multi Value Controls

Trigger Description
el_url URL
el_media URL
el_image_dimension Image Dimension
el_icons Icons
el_text_shadow Text Shadow
el_box_shadow Box Shadow

Unit Controls

Trigger Description
el_slider Slider Control
el_dimensions Dimensions Control

UI Controls

Trigger Description
el_heading Heading Control
el_raw_html Raw HTML Control
el_button Button Control
el_divider Divider Control
el_alert Alert Control
el_notice Notice Control
el_deprecated_notice Deprecated Notice Control

Group Control

Trigger Description
el_group_control_list Group Control List
el_typography Typography Group Control
el_text_stroke Text Stroke Group Control
el_text_shadow Text Shadow Group Control
el_box_shadow Box Shadow Group Control
el_border Border Group Control
el_background Background Group Control
el_image_size Image Size Group Control
el_css_filter CSS Filter Group Control

Condition

Trigger Description
el_condition_single_value Single Value
el_condition_multi_value Multi Value
el_condition_multiple Multiple
el_condition_equality_check Equality Check
el_condition_inequality_check Inequality Check

Special Options

Trigger Description
el_label Added Label
el_description Added Description
el_show_label_false Hide Label
el_show_label_true Show Label
el_label_block_false Label Block False
el_label_block_true Label Block True
el_separator_before Before Separator
el_separator_after After Separator
el_selectors Selectors
el_selector Selector
el_slider_default Slider Default
el_dimensions_default Dimensions Default

Custom Control: Color, Background, Border

Trigger Description
elc_color Color
elc_color_hover Color Hover
elc_color_with_hover Color With Hover (Tab)
elc_background Background
elc_background_hover Background Hover
elc_background_with_hover Background With Hover (Tab)
elc_border_color Border Color
elc_border_color_hover Border Color Hover
elc_border_color_with_hover Border Color With Hover (Tab)
elc_border_with_hover Border With Hover (Tab)
elc_color_background_border_with_hover Color, Background, Border With Hover (Tab)

Custom Control: Spacing and Alignment

Trigger Description
elc_font_size Font Size
elc_icon_size Icon Size
elc_text_align Text Align
elc_width Width
elc_height Height
elc_line_height Line Height
elc_padding_top Padding Top
elc_padding_right Padding Right
elc_padding_bottom Padding Bottom
elc_padding_left Padding Left
elc_margin_top Margin Top
elc_margin_right Margin Right
elc_margin_bottom Margin Bottom
elc_margin_left Margin Left
elc_top_spacing Top Spacing
elc_right_spacing Right Spacing
elc_bottom_spacing Bottom Spacing
elc_left_spacing Left Spacing
elc_margin Margin
elc_padding Padding
elc_border_radius Border Radius
elc_border_radius_slider Border Radius Slider

Preset Control

Trigger Description
elc_design_field Design Content Field
elc_design_style_layout Design Style
elc_design_markup Design Markup
elc_section_title_content Section Title (Content)
elc_section_title_style Section Title (Style)
elc_section_subheading_content Section Subheading (Content)
elc_section_subheading_style Section Title (Style)
elc_section_description_content Section Description (Content)
elc_section_description_style Section Description (Style)
elc_icon_type_content Icon Type Content
elc_icon_type_only_color Icon Type Style Only Color
elc_icon_type_background Icon Type Style Background
elc_icon_type_markup Icon Type Markup
elc_icon_tag Icon Tag
elc_image_variable Image Variable
elc_image_tag Image Tag
elc_slider_arrow_style Slider Arrow Style
elc_slider_dot_style Slider Dot Style
elc_link_content Link Content
elc_link_style Link Style
elc_link_variable Link Variable
elc_link_markup Link Markup
elc_button_content Button Content (Group)
elc_button_style Button Style (Group)
elc_button_link_variable Button Link Variable
elc_button_markup Button Markup
elc_button_secondary_content Button Secondary Content
elc_button_secondary_style Button Secondary Style
elc_button_secondary_link_variable Button Secondary Link Variable
elc_button_secondary_markup Button Secondary Markup
elc_button_third_content Button Third Content
elc_button_third_style Button Third Style
elc_button_third_variable Button Third Link Variable
elc_button_third_markup Button Third Markup
elc_repeater_markup Repeater Markup
elc_repeater_multilevel Repeater Multi Level
elc_repeater_multilevel_markup Repeater Multi Level Markup

Notes

  • Some snippets might not yet be fully optimized for production. Remember to always test your code thoroughly to identify issues.

Release Notes

1.1.5

Add Multi Level Repeater and New Preset Control

1.0.0

Initial release of the Visual Studio Code Extension.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft