Buttons & Lists

Home/Shortcodes/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_one_fourth] [dt_sc_one_fourth] [/dt_sc_one_fourth] [dt_sc_one_fourth] [/dt_sc_one_fourth] [dt_sc_one_fourth] [/dt_sc_one_fourth] [dt_sc_clear] [dt_sc_hr_invisible] Shortcode:[dt_sc_code] [/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