Shortcodes

This Wordpress theme "Cleaning" comes with several shortcodes that helps in customizing your content easier. In this theme, Shortcode Builder can used to build the essential shortcodes. The following image will show you the essential shortcode builder, and it displays only in Visual Mode of post content textarea.

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"

  Unordered Lists

                  [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=""

  Single Product

                  [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"

  Recent Posts

                  [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"

  Post Carousel

                  [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=""

  Portfolios From Category

                  [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"

  Pullquote

                 	[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="#"

  Team Carousel

                  [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"

  Vertical

                  [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"

  Testimonial Carousel

                  [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"

  Custom Menus Location

                  [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=""

Note

Click Here to view above shortcodes in live.