This Wordpress theme "Pregnancy" comes with several shortcodes that helps in customizing your content easier.
-
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="" |