Services
shortcode

Allows to present the information about the services you provide to the clients. Highlight the best features to catch visitors' attention.
Read documentation
Usage frequency
65%
Preset amount
75%
Customizability
94%

Available options

Default code: [dfd_services icon_size_st1="50" vertical_content_offset="50" main_style="style-1" ]

Style – Choose between 4 preset styles;

Animation – Choose between 14 preset animation effects;

Custom CSS Class –  Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Element width – Select width of the elements according to the width of the container;

Content – Allows you to add the icon, image or text, add title, subtitle and the description for the single service;

Icon style – Allows you to customize the icon size, color, hover color and its background;

Content style – Allows you to customize the front and hover background color, set the hover style, hover direction and offsets for the content;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family.

Default styles

Samples of preset styles without custom changes
Simple style
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
background style
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
bordered style
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
overlay style
  • Services heading

    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading

    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading

    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading

    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.

Customized styles

Some variations of style customizations of the shortcode
image instead of icon
  • Image
    Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Image
    Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Image
    Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Image
    Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
custom typography
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
cubic hover style
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
  • Services heading
    Services subheading
    Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.