Buttons & Lists

Buttons

[dt_sc_one_third first]

[dt_sc_button size=”small” target=”_blank”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”medium” target=”_blank”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”large” target=”_blank”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button size=”small” target=”_blank” variation=”chocolate” ]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”medium” target=”_blank” variation=”chocolate” ]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”large” target=”_blank” variation=”chocolate”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”xlarge” target=”_blank” variation=”chocolate”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button size=”small” target=”_blank” variation=”coral” ]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”medium” target=”_blank” variation=”coral” ]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”large” target=”_blank” variation=”coral”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”xlarge” target=”_blank” variation=”coral”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_clear]
[dt_sc_hr_invisible]
Shortcode:
[dt_sc_code]
[dt_sc_button size=”” target=”_blank” variation=”coral”]Large Button[/dt_sc_button]
[/dt_sc_code]
[dt_sc_hr_medium]

Available Sizes

• small
• medium
• large
• xlarge

[dt_sc_clear]

Ordered Lists

[dt_sc_one_third first][dt_sc_fancy_ol style=”decimal” variation=”blue”]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh
3. Nullam ac sapien sit
4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”decimal-leading-zero” variation=”chocolate”]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh
3. Nullam ac sapien sit
4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”lower-alpha” variation=”coral”]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh
3. Nullam ac sapien sit
4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]

[dt_sc_one_third first][dt_sc_fancy_ol style=”lower-roman” variation=”cyan”]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh
3. Nullam ac sapien sit
4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”upper-alpha” variation=”eggplant”]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh
3. Nullam ac sapien sit
4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”upper-roman” variation=”khaki”]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh
3. Nullam ac sapien sit
4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_clear]
[dt_sc_hr_invisible]
Shortcode:
[dt_sc_code]
[dt_sc_fancy_ol style=”” variation=””]

1. Lorem ipsum dolor sit
2. Praesent convallis nibh

[/dt_sc_fancy_ol]
[/dt_sc_code]
[dt_sc_clear]

Available Styles

• decimal
• decimal-leading-zero
• lower-alpha
• lower-roman
• upper-alpha
• upper-roman

[dt_sc_clear]

Unordered Lists

[dt_sc_one_fourth first][dt_sc_fancy_ul style=”arrow” variation=”ferngreen”]

• Lorem ipsum dolor sit
• Praesent convallis nibh
• Nullam ac sapien sit
• Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”rounded-arrow” variation=”green”]

• Lorem ipsum dolor sit
• Praesent convallis nibh
• Nullam ac sapien sit
• Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”tick” variation=”khaki”]

• Lorem ipsum dolor sit
• Praesent convallis nibh
• Nullam ac sapien sit
• Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”rounded-info” variation=”ocean”]

• Lorem ipsum dolor sit
• Praesent convallis nibh
• Nullam ac sapien sit
• Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_clear]
[dt_sc_hr_invisible]
Shortcode:
[dt_sc_code]
[dt_sc_fancy_ul style=” variation=””]

• Lorem ipsum dolor sit
• Praesent convallis nibh

[/dt_sc_fancy_ul]
[/dt_sc_code]
[dt_sc_hr_medium]
[dt_sc_clear]

Available Styles

[dt_sc_one_fifth first]

• arrow
• rounded-arrow
• double-arrow
• heart
• trash
• star
• tick
• rounded-tick
• cross
• rounded-cross
• rounded-minus

[/dt_sc_one_fifth]
[dt_sc_one_fifth]

• rounded-question
• rounded-info
• delete
• warning
• comment
• edit
• share
• plus
• rounded-plus
• minus
• map-marker

[/dt_sc_one_fifth]
[dt_sc_one_fifth]

• asterisk
• cart
• folder
• folder-open
• desktop
• tablet
• mobile
• reply
• quote
• mail

[/dt_sc_one_fifth]
[dt_sc_one_fifth]

• external-link
• adjust
• pencil
• print
• tag
• thumbs-up
• thumbs-down
• time
• globe
• pushpin

[/dt_sc_one_fifth]
[dt_sc_one_fifth]

• link
• paper-clip
• download
• key
• search
• rss
• twitter
• facebook
• linkedin
• google-plus

[/dt_sc_one_fifth]
[dt_sc_clear]

Available Variations

[dt_sc_one_fourth first]

• green
• blue
• ocean
• pink
• orange

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• purple
• red
• slateblue
• skyblue
• coral

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• khaki
• cyan
• grey
• gold
• chocolate

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• raspberry
• electricblue
• eggplant
• ferngreen
• palebrown

[/dt_sc_one_fourth]
[dt_sc_clear]

Manual Lists

[dt_sc_one_half first][dt_sc_manual_list type=’type1′]

• [dt_sc_box]1[/dt_sc_box]Sinus Attack!
• [dt_sc_box]2[/dt_sc_box]Seasonal affective disorder
• [dt_sc_box]3[/dt_sc_box]Medicaid Eligibility

[/dt_sc_manual_list][/dt_sc_one_half]
[dt_sc_one_half][dt_sc_manual_list type=’type2′]

• [dt_sc_box]1[/dt_sc_box]Sinus Attack!
• [dt_sc_box]2[/dt_sc_box]Seasonal affective disorder
• [dt_sc_box]3[/dt_sc_box]Medicaid Eligibility
• [dt_sc_box]4[/dt_sc_box]Nullam ac sapien sit
• [dt_sc_box]5[/dt_sc_box]Praesent convallis nibh

[/dt_sc_manual_list][/dt_sc_one_half]
[dt_sc_clear]
[dt_sc_hr_invisible]
Shortcode:
[dt_sc_code]
[dt_sc_manual_list type=”]

• [dt_sc_box]1[/dt_sc_box]Sinus Attack!

[/dt_sc_manual_list]
[/dt_sc_code]
[dt_sc_hr_medium]

Available Styles

• type1
• type2