This feature is available in Pro Edition.
Font
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
Reference
1 2 3 4 5 6 7 8 9 | [lp_font font_color='' /** font color */ font_size='' /** font size */ bold=0 /** 0:normal 1:bold */ color='' /** background color */ under_color='' /** underline color */ scroll='' /** scroll animation */ class='' /** class string you want to add */ ][/lp_font] |
Button
Example
ButtonButtonButtonButtonButtonButton
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | # simple button [lp_button color="#ff2929" scroll="slide up lp-delay-300"]Button[/lp_button] # button with gradient color [lp_button color="#ff2929" color_g="#d829ff" scroll="slide up lp-delay-300"]Button[/lp_button] # button with icon [lp_button color="#d829ff" icon="fab fa-accusoft" scroll="slide up lp-delay-300"]Button[/lp_button] # border button [lp_button type="border" color="#7b29ff" scroll="slide up lp-delay-300"]Button[/lp_button] # border button with black shadow [lp_button type="border" color="#ff41ec" drop_shadow=1 scroll="slide up lp-delay-300"]Button[/lp_button] # round button [lp_button type="round" color="#29a2ff" scroll="slide up lp-delay-300"]Button[/lp_button] |
Reference
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | [lp_button type='flat' /** flat, border, round */ font_color='#fff' /** font color */ color='#000' /** button theme color */ color_g='' /** secondary color for gradient background */ drop_shadow=2 /** 0:none 1:black 2:inherit color property */ icon='' /** fontawesome icon class */ href='#' /** url */ follow='' /** link follow attr */ title='' /** link title attr */ rel='' /** link rel attr */ target='_self' /** _self, _blank */ scroll='' /** scroll animation */ class='' /** class string you want to add */ ][/lp_button] |
Label
Example
1 2 3 4 5 6 7 8 9 10 11 12 13 | #label [lp_labelcolor="#d829ff" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#21ea2b" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#2189ea" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#ff9a29" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#ff2929" scroll="slide up lp-delay-300"]Label[/lp_label] #label with gradient color [lp_labelcolor="#ff2929" color_g="#ff29bd" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#ff2996" color_g="#b729ff" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#8f29ff" color_g="#29b0ff" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#29b0ff" color_g="#29ffeb" scroll="slide up lp-delay-300"]Label[/lp_label] [lp_labelcolor="#29ffeb" color_g="#71ff29" scroll="slide up lp-delay-300"]Label[/lp_label] |
Reference
1 2 3 4 5 6 | [lp_label color='#000' /** button theme color */ color_g='' /** secondary color for gradient background */ scroll='' /** scroll animation */ extra_class='' /** class string you want to add */ ][/lp_label] |
Block
Example
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | # Fill with inset drop shadow [lp_block color="#797979" drop_shadow=3 scroll="slide up lp-delay-300"] Lorem ipsum dolor sit amet... [/lp_block] # Fill with color property [lp_block color="#ff4b4b" drop_shadow=2 scroll="slide up lp-delay-300"] Lorem ipsum dolor sit amet... [/lp_block] # Fill with gradient color property [lp_block color="#ff4b4b" color_g="#de31d1" drop_shadow=2 scroll="slide up lp-delay-300"] Lorem ipsum dolor sit amet... [/lp_block] # Border with drop shadow [lp_block border_color="#000" color="#fff" font_color="#000" drop_shadow=2 scroll="slide up lp-delay-300"] <i class="fas fa-check"></i> Lorem ipsum dolor sit amet... [/lp_block] # Border with color property and bold font [lp_block border_color="#ff4b4b" color="#fff" font_color="#f00" bold=1 drop_shadow=2 scroll="slide up lp-delay-300"] <i class="fas fa-question-circle"></i> Lorem ipsum dolor sit amet... [/lp_block] |
1 2 3 4 5 | [lp_block drop_shadow=2 scroll="slide up lp-delay-300"] <img src="path-to-image" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit... [lp_button type="flat" font_color="#000" color="#fff" drop_shadow=2 href="#"]Button Shortcode[/lp_button] [/lp_block] |
Block with label
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | # Block With Label 1 [lp_block color="#fefff8" label_icon="fab fa-accusoft" label="Block With Label" drop_shadow=2 font_color="#636363" border_color="#f79173" scroll="slide up lp-delay-300"] <ol class="round"> <li>List item one</li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol>[/lp_block] # Block With Label 2 [lp_block color="#636363" label_icon="fas fa-pencil-alt" label="Block With Label 2" drop_shadow=2 scroll="slide up lp-delay-300"] <ul class="arrow"> <li>List item one</li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ul>[/lp_block] |
Reference
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | [lp_block border_color='' /** border color */ font_color='#fff' /** font color */ color='#3c3c3c' /** theme color */ label='' /** label */ label_icon='' /** fontawesome icon class */ label_font_color=''/** label color */ bold=0 /** 1:bold 0:normal */ padding_large=0 /** 0:normal 1:large */ color_g='' /** secondary color for gradient background */ drop_shadow=1 /** 0: none 1:black 2:inherit color property */ scroll='' /** scroll animation */ class='' /** class string you want to add */ ][/lp_block] |
Speech Bubble
Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Reference
1 2 3 4 5 6 7 8 9 10 11 | [lp_speech bold=0 /** 0:normal 1:bold */ color='' /** background color */ scroll='' /** scroll animation */ padding_large=0 /** 0:normal 1:large */ scroll='' /** scroll animation */ class='' /** class string you want to add */ ] [lp_sp_obj]<img />/** your image tag here */[/lp_sp_obj] [lp_sp_bubble]/** your speech bubble content here */[/lp_sp_bubble] [/lp_speech] |
Drawer
Example
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | # Simple Drawer [lp_drawer title="Simple Drawer"]Lorem...[/lp_drawer] # Contents with image [lp_drawer title="Contents with image" icon_color="#000" scroll="slide up lp-delay-300"] <img src="path-to-image" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit... [/lp_drawer] # Drawer include shortcodes [lp_drawer title="Drawer include shortcodes" scroll="slide up lp-delay-300"] <img src="path-to-image" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit... [lp_button type="flat" drop_shadow=2 href="#"]Button Shortcode[/lp_button] [/lp_drawer] |
Reference
1 2 3 4 5 6 | [lp_drawer title='Please set the title.' /** drawer title */ icon_color='' /** icon color */ scroll='' /** scroll animation */ class='' /** class string you want to add */ ][/lp_drawer] |
Testimonial
Example
1 2 3 4 5 6 7 8 9 10 11 12 13 | # Normal [lp_testimonial scroll='slide up lp-delay-300'] [lp_ts_child author='Jon Doe' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_2.jpg' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child] [lp_ts_child author='Author Name' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/woman_1.jpg' author_description='Photograher']Lorem ipsum dolor sit amet, consectetuer adipiscing elit[/lp_ts_child] [lp_ts_child author='Author Name' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_1.jpg' author_description='Developer']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child] [/lp_testimonial] # Colorful [lp_testimonial scroll='slide up lp-delay-300'] [lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(205, 43, 222, 0.71)' drop_shadow=2 color_g='rgba(128, 43, 222, 0.71)' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child] [lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(222, 183, 43, 0.71)' drop_shadow=2 color_g='rgba(222, 93, 43, 0.71)' author_description='SEO, Example.com' thumbnail='https://leap-in.com/wp-content/uploads/2019/01/man_2.jpg']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child] [lp_ts_child author='Jon Doe' font_color='#fff' icon_color='rgba(255,255,255,.4)' color='rgba(222, 43, 43, 0.71)' drop_shadow=2 color_g='rgba(222, 43, 200, 0.71)' author_description='SEO, Example.com']Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.[/lp_ts_child] [/lp_testimonial] |
Reference
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | [lp_testimonial scroll='' /** scroll animation */ ] [lp_ts_child color='' /** background color */ color_g='' /** color for gradient background */ font_color='' /** font color */ icon_color='rgba(0,0,0,.1)' /** icon color */ drop_shadow=2 /** 0:none 1:black 2:inherit color property */ author='' /** author name */ author_description='' /** description about author */ thumbnail='' /** author thumbnail url */ ]child contents 1[/lp_ts_child] [/lp_testimonial] |