Shortcodes
This Wordpress theme "Pregnancy" comes with several shortcodes that helps in customizing your content easier.
List of Shortcodes
-
Accordion
[dt_sc_accordion_group type="" class=""] [dt_sc_accordion_frame title="Accordion 1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_accordion_frame] [dt_sc_accordion_frame title="Accordion 2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_accordion_frame] [dt_sc_accordion_frame title="Accordion 3"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_accordion_frame] [/dt_sc_accordion_group]
Attribute Options Input Variable Example Type , type2 (leave empty for default) type type="" Class You can add your own custom class here. class class="" Title You own title for your accordion title title="Accordion 1" -
Animation
[dt_sc_animation effect="swing" delay="400"] Add Content to Animate [/dt_sc_animation]
Attribute Options Input Variable Example Effect flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight effect effect="swing" Delay Any numeric value delay delay="400" -
Animate Number
[dt_sc_animate_number type=" / type2 / type3" fontawesome_icon="" stroke_icon="" number="4538" title="Hostings Done" variation="" /]
Attribute Options Input Variable Example Type , type2, type3 (leave empty for default) type type="" Fontawesome Icon Any fontawesome icon fontawesome_icon fontawesome_icon="fa-home" Stroke Icon Any stroke icon stroke_icon stroke_icon="icon-WorldWide" Number Any numeric value number number="4538" Title Add your title here. title title="Hostings Done" Variation blue,red,green,yellow variation variation="blue" -
Buttons
[dt_sc_button type="type2" icon="fa-home" size="medium" link="#" target="_blank" variation="blue" align="" class=""]Go Back[/dt_sc_button]
Attribute Options Input Variable Example Type ,type2,type3,type4,type5 (Leave blank for default type) type type="type2" Fontawesome Icon Fontawesome icon goes here. icon icon="fa-home" Size small,medium,large,xlarge size size="medium" Link Add link for your button here. link link="#" Target _blank, _new, _parent, _self, _top target target="_blank" Variation blue,red,green,yellow variation variation="blue" Alignment ,alignleft,aligncenter,alignright (Leave blank for default) align align="" Class You can add your own custom class here. class class="" -
Column Layout
[dt_sc_one_half first type = "type1" animation ="swing" animation_delay ="400" bgimage="#" bgposition="" bgcolor=""] [dt_sc_one_half_inner first type = "type2"]Content for 1/3 Column here[/dt_sc_one_half_inner] [dt_sc_one_half_inner type = "type2"]Content for 1/3 Column here[/dt_sc_one_half_inner] [/dt_sc_one_half] [dt_sc_one_half type = "type1" animation ="swing" animation_delay ="400" bgimage="#" bgposition="" bgcolor=""] Content for 1/2 Column here [/dt_sc_one_half]
Attribute Options Input Variable Example Type type1,type2 type type="type2" Animation flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight animation animation="swing" Animation Delay Add numeric value animation_delay animation_delay="400" Background Image You can add background image for your column here. bgimage bgimage="#" Background Position left top,left center,left bottom,right top,right center,right bottom,center top,center center,center bottom bgposition bgposition="" Background Color You can add background color for your column here. bgcolor bgcolor="#ccc" -
Colored Box
[dt_sc_colored_box icon="fa-h-square" title="Well Trained Professionals" backgroundcolor="#00c4bf" button_title="Know More" button_link="#"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis placerat urna. Nulla nulla diam, adipiscing non ornare non, commodo [/dt_sc_colored_box]
Attribute Options Input Variable Example Fontawesome Icon Fontawesome icon goes here. icon icon="fa-h-square" Title Add your title here. title title="Well Trained Professionals" Background Color Add background color for your button. backgroundcolor backgroundcolor="#7f7f7f" Button Title Add title for your button. button_title button_title="Know More" Button Link Add link for your button. button_link button_link="#" -
Contact Details
[dt_sc_contact_details text="admin@wedesignthemes.com" icon="fa-envelope-o" type="email / web / " /]
Attribute Options Input Variable Example Text You can add any text or email address or web address here. text text="admin@wedesignthemes.com" Fontawesome Icon Fontawesome icon goes here. icon icon="fa-envelope-o" Type ,email,web (You can leave empty for text fields) type type="" -
Contact Information
[dt_sc_contact_info icon="fa-phone" text1="Call us @" text2="922-weclean-3325" /]
Attribute Options Input Variable Example Icon You can add fontawesome icons here. icon icon="fa-phone" Text 1 Text added here will come as first line. text1 text1="Call us @" Text 2 Text added here will come as second line. text2 text2="922-weclean-3325" -
Support Information
[dt_sc_support_info icon="fa-envelope" title="Request a Quote" link="#" /]
Attribute Options Input Variable Example Icon You can add fontawesome icons here. icon icon="fa-envelope" Title Title goes here. title title="Request a Quote" Link Link for title goes here. link link="#" -
Contact Form Wrapper
[dt_sc_contact_form_wrapper] [dt_sc_title type="h3" bold="true"]SEND US A MESSAGE[/dt_sc_title] [contact-form-7 id="1" title="Contact Form"] [dt_sc_one_third first type="type2"] [dt_sc_contact_info icon="fa-phone" text1="call us @" text2="922-weclean-3325" /] [/dt_sc_one_third] [dt_sc_one_third type="type2"] [/dt_sc_one_third] [dt_sc_one_third type="type2"] [dt_sc_contact_info icon="fa-pencil" text1="write us @" text2="admin@enzo.com" /] [/dt_sc_one_third] [/dt_sc_contact_form_wrapper]
-
Donut Chart - Small
[dt_sc_donutchart_small title="Lorem" bgcolor="#808080" fgcolor="#4bbcd7" percent="70" notes="Ipsum has been the industry's standard dummy text ever." /]
Attribute Options Input Variable Example Title Add title here. title title="Lorem" Background Color bgcolor bgcolor="#808080" Foreground Color fgcolor fgcolor="#4bbcd7" Percentage percent percent="70" Notes notes notes="Ipsum has been the industry's standard dummy text ever." -
Donut Chart - Medium
[dt_sc_donutchart_medium title="Lorem" bgcolor="#808080" fgcolor="#7aa127" percent="65" notes="Ipsum has been the industry's standard dummy text ever." /]
Attribute Options Input Variable Example Title Add title here. title title="Lorem" Background Color bgcolor bgcolor="#808080" Foreground Color fgcolor fgcolor="#4bbcd7" Percentage percent percent="70" Notes notes notes="Ipsum has been the industry's standard dummy text ever." -
Dividers
[dt_sc_clear /] [dt_sc_margin margin="20" /] [dt_sc_space space="20" /] [dt_sc_hr_line /] [dt_sc_hr_line_white /] [dt_sc_hr_border /] [dt_sc_hr /] [dt_sc_hr_medium /] [dt_sc_hr_large /] [dt_sc_hr top /] [dt_sc_hr_invisible /] [dt_sc_hr_invisible_very_small /] [dt_sc_hr_invisible_small /]
-
Fullwidth Section
[dt_sc_fullwidth_section backgroundimage="http://placehold.it/100" backgroundrepeat="repeat" backgroundposition="center center" backgroundattachment="scroll" backgroundsize="" backgroundcolor="#c1c1c1" opacity="0.5" parallax="yes" paddingtop="20" paddingbottom="20" margintop="" zindex="" type="" disable_container="" class=""] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras cursus sollicitudin nunc nec rhoncus. [/dt_sc_fullwidth_section]
Attribute Options Input Variable Example Background Image backgroundimage backgroundimage="http://placehold.it/100" Background Repeat no-repeat,repeat,repeat-x,repeat-y backgroundrepeat backgroundrepeat="repeat" Background Position left top,left center,left bottom,right top,right center,right bottom,center top,center center,center bottom backgroundposition backgroundposition="center center" Background Attachment scroll, fixed, local, initial, inherit backgroundattachment backgroundattachment="scroll" Background Size 1,2,3,......98,99,100 backgroundsize backgroundsize="" Background Color backgroundcolor backgroundcolor="#c1c1c1" Background Opacity opacity opacity="0.5" Parallax Effect no,yes parallax parallax="yes" Padding Top paddingtop paddingtop="20" Padding Bottom paddingbottom paddingbottom="20" Margin Top Add top margin for fullwidth section here margintop margintop="10" Z Index You can add z index for your fullwidth section zindex zindex="9" Type half-bg-bottom,white-color-content,half-background-design type type="" Disable Container fasle,true (you can disable coniner class here) disable_container disable_container="" CSS Class class class="" -
Fullwidth Section Video
[dt_sc_fullwidth_video mp4="#" webm="#" ogv="#" poster="http://placehold.it/100" backgroundimage="http://placehold.it/100" paddingtop="20" paddingbottom="20" class="extra"][/dt_sc_fullwidth_video]
Attribute Options Input Variable Example MP4 mp4 mp4="#" WEBM webm webm="#" OGV ogv ogv="#" Poster Image poster poster="http://placehold.it/100" Background Image backgroundimage backgroundimage="http://placehold.it/100" Padding Top (In px) paddingtop paddingtop="20" Padding Bottom (In px) paddingbottom paddingbottom="20" CSS Class class class="sample-class" -
Icon Boxes
[dt_sc_icon_box type="type2" fontawesome_icon="fa-home" stroke_icon="icon-WorldWide" custom_icon="http://placehold.it/80" title_icon="fa-eye" title="Awesome Features" link="#" span_text="Our Services" readmore_title="Read More" variation="blue" alignright="false" alignment="" animation="shake" animation_delay="400" class=""]Pellentesque ultricies congue lacus, eget elementum erat lobortis et. Sed non velit neque.[/dt_sc_icon_box]
Attribute Options Input Variable Example Type , type2, type3, type4, type5, type6, type7, type8, type9, type10 type type="type2" Fontawesome Icon Any fontawesome icon fontawesome_icon fontawesome_icon="fa-home" Stroke Icon Any stroke icon stroke_icon stroke_icon="icon-WorldWide" Custom Icon custom_icon custom_icon="http://placehold.it/80" Title Icon title_icon title_icon="fa-eye" Title title title="Awesome Features" Link link link="#" Span Text span_text span_text="Our Services" Read More Title readmore_title readmore_title="Read More" Variation blue,red,green,yellow variation variation="blue" Align Right true,false alignright alignright="false" Alignment , alignleft, alignright, aligncenter alignment alignment="" Animation flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight animation animation="swing" Animation Delay Add numeric value animation_delay animation_delay="400" Class You can add custom class here. class class="" -
Icon Box Special
[dt_sc_icon_box_wrapper] [dt_sc_icon_box type="type9" fontawesome_icon="fa-home" stroke_icon="" custom_icon="" title_icon="" title="Plumbing" link="#" span_text="" readmore_title="" variation="blue" alignright="" alignment="aligncenter" animation="" animation_delay="" class=""]Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.[/dt_sc_icon_box] [dt_sc_icon_box type="type9" fontawesome_icon="fa-hand-paper-o" stroke_icon="" custom_icon="" title_icon="" title="Cleaning" link="#" span_text="" readmore_title="" variation="blue" alignright="" alignment="aligncenter" animation="" animation_delay="" class=""]Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.[/dt_sc_icon_box] [dt_sc_icon_box type="type9" fontawesome_icon="fa-arrows-v" stroke_icon="" custom_icon="" title_icon="" title="Wiring" link="#" span_text="" readmore_title="" variation="blue" alignright="" alignment="aligncenter" animation="" animation_delay="" class=""]Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.[/dt_sc_icon_box] [dt_sc_icon_box type="type9" fontawesome_icon="fa-soccer-ball-o" stroke_icon="" custom_icon="" title_icon="" title="Fitting" link="#" span_text="" readmore_title="" variation="blue" alignright="" alignment="aligncenter" animation="" animation_delay="" class=""]Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.[/dt_sc_icon_box] [dt_sc_icon_box type="type9" fontawesome_icon="fa-flash" stroke_icon="" custom_icon="" title_icon="" title="Electrician" link="#" span_text="" readmore_title="" variation="blue" alignright="" alignment="aligncenter" animation="" animation_delay="" class=""]Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum.[/dt_sc_icon_box] [/dt_sc_icon_box_wrapper]
-
Intro Box
[dt_sc_intro_box type="type2" background_image="#" background_position="left center" background_color="#70bfaa" animation="pulse" animation_delay="400" class=""] [dt_sc_title type="h2" bold="true"]WINNER OF GOLDEN AWARD 2015[/dt_sc_title] [dt_sc_margin margin="20" /] [dt_sc_image title="" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=260%C3%97205&w=260&h=205" class="" /] [dt_sc_margin margin="20" /] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.</p> [/dt_sc_intro_box]
Attribute Options Input Variable Example Type , type2, type3 (Leave blank for default) type type="type2" Background Image background_image background_image="#" Background Position left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom background_position background_position="left center" Background Color background_color background_color="#70bfaa" Animation flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight animation animation="pulse" Animation Delay Add numeric value animation_delay animation_delay="400" CSS Class class class="" -
Lists
Ordered Lists[dt_sc_fancy_ol style="decimal-leading-zero" variation="blue" class="custom-ol"] <ol> <li>Lorem ipsum dolor sit</li> <li>Praesent convallis nibh</li> <li>Nullam ac sapien sit</li> <li>Phasellus auctor augue</li> </ol> [/dt_sc_fancy_ol]
Attribute Options Input Variable Example Style decimal,decimal-leading-zero,lower-alpha,lower-roman,upper-alpha,upper-roman style style="decimal-leading-zero" Variation blue,red,green,yellow variation variation="blue" CSS Class class class="custom-ol" [dt_sc_fancy_ul style="double-arrow" variation="blue" class="custom-ul"] <ul> <li>Lorem ipsum dolor sit</li> <li>Praesent convallis nibh</li> <li>Nullam ac sapien sit</li> <li>Phasellus auctor augue</li> </ul> [/dt_sc_fancy_ul]
Attribute Options Input Variable Example Style arrow,rounded-arrow,double-arrow,heart,trash,star,tick,rounded-tick,cross,rounded-cross,rounded-question,rounded-info, delete,warning,comment,edit,share,plus,rounded-plus,minus,rounded-minus,asterisk,cart,folder,folder-open,desktop,tablet, mobile,reply,quote,mail,external-link,adjust,pencil,print,tag,thumbs-up,thumbs-down,time,globe,pushpin,map-marker,link, paper-clip,download,key,search,rss,twitter,facebook,linkedin,google-plus,caret,file-text,angle-double-right,hand-o-right, gavel,book,check-circle,sun,slack style style="double-arrow" Variation blue,red,green,yellow variation variation="brown" CSS Class class class="custom-ul" -
Products
Product Lists[dt_sc_woo_products column="4" posts_per_page="4" orderby="date" order="desc" carousel="false" category_ids="" class="" /]
Attribute Options Input Variable Example Column 2,3,4 column column="4" Posts Per Page Number of posts to display per page. posts_per_page posts_per_page="4" Order By none, ID, author, title, name, type, date, modified, parent, rand, comment_count, menu_order, meta_value, meta_value_num, post__in orderby orderby="date" Order asc, desc order order="desc" Carousel true, false carousel carousel="false" Category Ids Category ids separated by comma. category_ids category_ids="" CSS Class class class="" [dt_sc_woo_featured_product product_id="" /]
Attribute Options Input Variable Example Product Id Id of the woocommerce product to display. product_id product_id="" -
Posts
Single Post[dt_sc_post id="1" excerpt_length="10" /]
Attribute Options Input Variable Example Post Id Id of the post to display id id="1" Excerpt Length Number of words to display from that post excerpt_length excerpt_length="10" [dt_sc_recent_post categories="" count="3" columns="3" excerpt_length="10" grid_layout="false" animation="" animation_delay="" /]
Attribute Options Input Variable Example Categories Use comma separated categories id to fetch post categorywise. categories categories="" Count Number of posts to display. count count="3" Columns 1,2,3 columns columns="3" Excerpt Length Number of words to display from each post excerpt_length excerpt_length="10" Grid Layout false,true grid_layout grid_layout="false" Animation flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight animation animation="swing" Animation Delay Add numeric value animation_delay animation_delay="400" [dt_sc_post_carousel] [dt_sc_one_half type="type1"] [dt_sc_post id="1" excerpt_length="10" /] [/dt_sc_one_half] [dt_sc_one_half type="type1"] [dt_sc_post id="1" excerpt_length="10" /] [/dt_sc_one_half] [dt_sc_one_half type="type1"] [dt_sc_post id="1" excerpt_length="10" /] [/dt_sc_one_half] [dt_sc_one_half type="type1"] [dt_sc_post id="1" excerpt_length="10" /] [/dt_sc_one_half] [/dt_sc_post_carousel]
-
Portfolios
Single Portfolio[dt_sc_portfolio_item id="" portfolio_type="" /]
Attribute Options Input Variable Example Post Id Specify the id of portfolio item id id="" Portfolio Type , type2, type3 (leave blank for default) portfolio_type portfolio_type="" [dt_sc_portfolios category_id="" column="4" count="-1" show_filter="true" disable_isotope="false" show_ajaxpagination="false" portfolio_type="" /]
Attribute Options Input Variable Example Category Id Specify the category id separated by commas. category_id category_id="" Column 1,2,3,4 column column="4" Count Number of posts to display ( -1 display all the posts ) count count="-1" Show Filter false,true show_filter show_filter="true" Disable Isotope false,true disable_isotope disable_isotope="false" Show Ajax Pagination false,true show_ajaxpagination show_ajaxpagination="false" Portfolio Type , type2, type3 (leave blank for default) portfolio_type portfolio_type="" -
Pricing Tables
[dt_sc_one_fourth first] [dt_sc_pricing_table_item heading="Single Visit" price="$50.00" price_text="Per Visit" note="Extra charges are based on extra work taken." button_link="#" button_text="Buy Service" button_size="medium" selected="false" class=""] <ul> <li>4 members</li> <li>Equipped workforce</li> <li>2 day time limit</li> <li>14 hr service</li> </ul> [/dt_sc_pricing_table_item] [/dt_sc_one_fourth] [dt_sc_one_fourth] [dt_sc_pricing_table_item heading="On Demand" price="$125.00" price_text="Per Week" note="Extra charges are based on extra work taken." button_link="#" button_text="Buy Service" button_size="medium" selected="true" class=""] <ul> <li>4 members</li> <li>Equipped workforce</li> <li>2 day time limit</li> <li>14 hr service</li> </ul> [/dt_sc_pricing_table_item] [/dt_sc_one_fourth] [dt_sc_one_fourth] [dt_sc_pricing_table_item heading="Maintenance" price="$200.00" price_text="Per Month" note="Extra charges are based on extra work taken." button_link="#" button_text="Buy Service" button_size="medium" selected="false" class=""] <ul> <li>4 members</li> <li>Equipped workforce</li> <li>2 day time limit</li> <li>14 hr service</li> </ul> [/dt_sc_pricing_table_item] [/dt_sc_one_fourth] [dt_sc_one_fourth ] [dt_sc_pricing_table_item heading="Annual Maintenance" price="$500.00" price_text="Per Year" note="Extra charges are based on extra work taken." button_link="#" button_text="Buy Service" button_size="medium" selected="false" class=""] <ul> <li>4 members</li> <li>Equipped workforce</li> <li>2 day time limit</li> <li>14 hr service</li> </ul> [/dt_sc_pricing_table_item] [/dt_sc_one_fourth]
Attribute Options Input Variable Example Heading heading heading="Maintenance" Price price price="$200.00" Price Text price_text price_text="Per Month" Note note note="Extra charges are based on extra work taken." Button Link button_link button_link="#" Button Text button_text button_text="Buy Service" Button Size small,medium,large,xlarge button_size button_size="medium" Selected true,false selected selected="false" Class class class="" -
Progress Bars
[dt_sc_progressbar title="House hold cleaning" value="80" variation="blue" /]
Attribute Options Input Variable Example Title title title="House hold cleaning" Value value value="80" Variation blue,red,green,yellow variation variation="blue" -
Patners Carousel
[dt_sc_patners_carousel] <ul> <li><a href="#"><img title="Patner 1" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=155%C3%97121&w=155&h=121" alt="Patner 1" /></a></li> <li><a href="#"><img title="Patner 2" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=155%C3%97121&w=155&h=121" alt="Patner 2" /></a></li> <li><a href="#"><img title="Patner 3" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=155%C3%97121&w=155&h=121" alt="Patner 3" /></a></li> <li><a href="#"><img title="Patner 4" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=155%C3%97121&w=155&h=121" alt="Patner 4" /></a></li> <li><a href="#"><img title="Patner 5" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=155%C3%97121&w=155&h=121" alt="Patner 5" /></a></li> <li><a href="#"><img title="Patner 6" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=155%C3%97121&w=155&h=121" alt="Patner 6" /></a></li> </ul> [/dt_sc_patners_carousel]
-
Quotes
Blockquotes[dt_sc_blockquote type="type2" textcolor="#b5d69e" class="custom-blockquote"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit [/dt_sc_blockquote]
Attribute Options Input Variable Example Type ,type2 type type="type2" Text Color textcolor textcolor="#b5d69e" Class class class="custom-blockquote" [dt_sc_pullquote type="pullquote1" align="left" textcolor="#ededc4"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit [/dt_sc_pullquote]
Attribute Options Input Variable Example Type pullquote1,pullquote2,pullquote3,pullquote4,pullquote5,pullquote6 type type="pullquote1" Align left,right,center align align="left" Text Color textcolor textcolor="#ededc4" -
Team
Team[dt_sc_team type="" image="http://placehold.it/170x170" name="Marc Coppolo" role="Plumper" link="#" delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" behance="#" yahoo="" vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""] Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one. It was popularised in the 1960s with the release of Letraset sheets Lorem. [/dt_sc_team]
Attribute Options Input Variable Example Type , type2, type3 (Leave blank for default) type type="" Image image image="http://placehold.it/170x170" Name name name="Marc Coppolo" Role &nb role role="Plumper" Link link link="#" Social Links Add corresponding links for your social items. delicious,deviantart,digg,facebook,facebooksquare,twitter,googleplus,google,weibo,pinterest,reddit,yahoo,behance,vimeosquare,stumbleupon,linkedin,skype,youtube,dribbble,flickr,tumblr delicious="#" facebook="#" [dt_sc_team_carousel] [dt_sc_one_fourth type =" type1"] [dt_sc_team type=" / type2" image="" name="Marc Coppolo" role="Plumper" link="#" delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" behance="#" yahoo="" vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one. It was popularised in the 1960s with the release of Letraset sheets Lorem.[/dt_sc_team] [/dt_sc_one_fourth] [dt_sc_one_fourth type =" type1"] [dt_sc_team type=" / type2" image="" name="Marc Coppolo" role="Plumper" link="#" delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" behance="#" yahoo="" vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one. It was popularised in the 1960s with the release of Letraset sheets Lorem.[/dt_sc_team] [/dt_sc_one_fourth] [dt_sc_one_fourth type =" type1"] [dt_sc_team type=" / type2" image="" name="Marc Coppolo" role="Plumper" link="#" delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" behance="#" yahoo="" vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one. It was popularised in the 1960s with the release of Letraset sheets Lorem.[/dt_sc_team] [/dt_sc_one_fourth] [dt_sc_one_fourth type =" type1"] [dt_sc_team type=" / type2" image="" name="Marc Coppolo" role="Plumper" link="#" delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" behance="#" yahoo="" vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one. It was popularised in the 1960s with the release of Letraset sheets Lorem.[/dt_sc_team] [/dt_sc_one_fourth] [dt_sc_one_fourth type =" type1"] [dt_sc_team type=" / type2" image="" name="Marc Coppolo" role="Plumper" link="#" delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" behance="#" yahoo="" vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one. It was popularised in the 1960s with the release of Letraset sheets Lorem.[/dt_sc_team] [/dt_sc_one_fourth] [/dt_sc_team_carousel]
-
Tabs
Horizontal[dt_sc_tabs_horizontal type="" animation="" animation_delay=""] [dt_sc_tab title="Tab 1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_tab] [dt_sc_tab title="Tab 2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_tab] [dt_sc_tab title="Tab 3"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_tab] [/dt_sc_tabs_horizontal]
Attribute Options Input Variable Example Type ,type2,type3 type type="" Animation flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight animation animation="" Animation Delay Add numeric value animation_delay animation_delay="" Title title title="Tab 1" [dt_sc_tabs_vertical type="" animation="" animation_delay=""] [dt_sc_tab title="Tab 1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_tab] [dt_sc_tab title="Tab 2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_tab] [dt_sc_tab title="Tab 3"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_tab] [/dt_sc_tabs_vertical]
Attribute Options Input Variable Example Type ,type2 type type="" Animation flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight animation animation="swing" Animation Delay Add numeric value animation_delay animation_delay="400" -
Testimonial
Testimonial[dt_sc_testimonial name="Sarah Mitchell" image="http://placehold.it/80x80" cite="Business" cite2="Prime Industry"] Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Phasellus viverra nulla ut metus varius laoreet rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. sem quam semper libero, sit amet adipiscing sem neque sed ipsum. [/dt_sc_testimonial]
Attribute Options Input Variable Example Name name name="Sarah Mitchell" Image image image="http://placehold.it/80x80" Cite Text cite cite="Business" Cite Text 2 cite2 cite2="Prime Industry" [dt_sc_testimonial_carousel type=" / type2 / type3"] <ul> <li>[dt_sc_testimonial name="Sarah Mitchell" image="" cite="Business" cite2="Prime Industry"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Phasellus viverra nulla ut metus varius laoreet rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. sem quam semper libero, sit amet adipiscing sem neque sed ipsum.[/dt_sc_testimonial]</li> <li>[dt_sc_testimonial name="Sarah Mitchell" image="" cite="Business" cite2="Prime Industry"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Phasellus viverra nulla ut metus varius laoreet rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. sem quam semper libero, sit amet adipiscing sem neque sed ipsum.[/dt_sc_testimonial]</li> <li>[dt_sc_testimonial name="Sarah Mitchell" image="" cite="Business" cite2="Prime Industry"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Phasellus viverra nulla ut metus varius laoreet rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. sem quam semper libero, sit amet adipiscing sem neque sed ipsum.[/dt_sc_testimonial]</li> </ul> [/dt_sc_testimonial_carousel]
-
Title
[dt_sc_title type="h2" style="" span_text="Service" link="#" align="" bold="false" disable_margin="false" link_class="" class=""]Lorem Ipsum[/dt_sc_title]
Attribute Options Input Variable Example Type h1,h2,h3,h4,h5,h6 type type="h2" Style ,border-title,border-title2,small-title,medium-title,large-title (Leave empty for deafult) style style="" Span Text Add span text here. span_text span_text="Service" Link Add link for your title here. link link="#" Alignment alignleft,aligncenter,alignright align align="" Bold true,false bold bold="false" Disable Margin true,false disable_margin disable_margin="false" Link Class Add class for your link here. link_class link_class="" Class Add additional class if needed. class class="" -
Titled Box
[dt_sc_titled_box type="titled-box" title="Title Comes Here" icon="fa-home" bgcolor="#bfd6af" variation="blue" textcolor="#ededb6"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos., [/dt_sc_titled_box]
Attribute Options Input Variable Example Type titled-box,error-box,warning-box,success-box,info-box type type="titled-box" Title applicable only for 'titled-box' title title="Title Comes Here" Icon applicable only for 'titled-box' icon icon="fa-home" Background Color applicable only for 'titled-box' bgcolor bgcolor="#eeee22" Variation blue,red,green,yellow (applicable only for 'titled-box') variation variation="blue" Text Color applicable only for 'titled-box' textcolor textcolor="#ededb6" -
Toggles
[dt_sc_toggle_group type="" class=""] [dt_sc_toggle_frame title="Toggle 1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_toggle_frame] [dt_sc_toggle_frame title="Toggle 2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_toggle_frame] [dt_sc_toggle_frame title="Toggle 3"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/dt_sc_toggle_frame] [/dt_sc_toggle_group]
Attribute Options Input Variable Example Type ,type2 (Leave empty for default) type type="" Class Add your own custom css class. class class="" -
Tooltip
[dt_sc_tooltip type="boxed" position="bottom" bgcolor="#070707" textcolor="#ffffff" tooltip="Tooltip Text" href="#" target="_blank"] lorem ipsum [/dt_sc_tooltip]
Attribute Options Input Variable Example Type default,boxed type type="boxed" Position top,right,bottom,left position position="bottom" Background Color bgcolor bgcolor="#070707" Text Color textcolor textcolor="#ffffff" Tooltip tooltip tooltip="Tooltip Text" Link href href="#" Target _blank, _new, _parent, _self, _top target target="_blank" -
Top Bar Menus
Custom Menus[dt_sc_custom_menus] [dt_sc_custom_menu_item fontawesome_icon="fa-phone" span_text="+ 3326 225 FC" /] [dt_sc_custom_menu_item fontawesome_icon="fa-envelope-o" link_text="support@fc.com" link="#" link_type="mail" /] [/dt_sc_custom_menus]
Attribute Options Input Variable Example Fontawesome Icon fontawesome_icon fontawesome_icon="fa-phone" Span Text Text that comes within span tag. span_text span_text="+ 3326 225 FC" Link Text Text that comes inside anchor tag. link_text link_text="support@fc.com" Link Add link for your custom menu. link link="#" Link Type ,mail (Leave empty for default) link_type link_type="mail" [dt_sc_custom_menus] [dt_sc_custom_menu_location title="Our Locations" title_icon="fa-globe" bgimage="" title_secondary="Check our Locations" phone_icon="fa-phone" phone_text="+ 3326 225 FC" text="Call us our Agent will help you" ] Aenean dignissim pellentesque felis niakm sed. Morbi in sem quis dui placerat ornare. [/dt_sc_custom_menu_location] [/dt_sc_custom_menus]
Attribute Options Input Variable Example Title Add title here. title title="Our Locations" Title Icon Add fontawesome icon for your title here. title_icon title_icon="fa-globe" Background Image Add background image here. bgimage bgimage="" Title Secondary Add secondary title here. title_secondary title_secondary="Check our Locations" Phone Icon Add fontawesome icon for special text here. phone_icon phone_icon="fa-phone" Phone Text Add special text here. phone_text phone_text="+ 3326 225 FC" Text Additional text comes here. text text="Call us our Agent will help you" -
Image
[dt_sc_image title="" src="" class="" /]
Attribute Options Input Variable Example Title Title of your image. title title="" Source Source URL of your image. src src="" Class Additional class for your image. class class="" -
Map Address Wrapper
[dt_sc_map_address_wrapper]<span>Design Themes, Coimbatore,<br>Tamil Nadu,<br>India.</span>[/dt_sc_map_address_wrapper]
-
Newsletter Section
[dt_sc_newsletter_section type="" title_text1="Subscribe to our" title_text2="Newsletter" /]
Attribute Options Input Variable Example Type , type2, type3 (Leave blank for default) type type="" Title Text 1 Add text that should come first. title_text1 title_text1="Subscribe to our" Title Text 2 Add text that should come second. title_text2 title_text2="Newsletter" -
Popup Video
[dt_sc_popup_video type="embedvideo / selfhosted" video_url="" class="" /]
Attribute Options Input Variable Example Type embedvideo, selfhosted type type="" Video URL Add video url here. video_url video_url="" Class Add any custom class here. class class="" -
Special Content
[dt_sc_special_content icon="fa-play-circle-o" title_text1="Click here to view our" title_text2="Process Video" video_type=" " video_url="" /]
Attribute Options Input Variable Example Fontawesome Icon Add fontawesome icons here. icon icon="fa-play-circle-o" Title Text 1 Add text that comes first here. title_text1 title_text1="Click here to view our" Title Text 2 Add text that comes second here. title_text2 title_text2="Process Video" Video Type embedvideo,selfhosted video_type video_type="" Video URL Add video URL here. video_url video_url="" -
Social Links
[dt_sc_social_links facebook="#" twitter="#" youtube="#" googleplus="#" show_tooltip="false" tooltip_position="top" align="" /]
Attribute Options Input Variable Example Social Links facebook,twitter,youtube,... twitter twitter="#" Show Tooltip false,true show_tooltip show_tooltip="false" Tooltip Position top,bottom,left,right tooltip_position tooltip_position="top" Align left,right,center align align=""
Click Here to view above shortcodes in live.