Styled link

Present the external links or definite pages on your site with styled links shortcode. Nice looking animation makes your clients to click.
Read documentation
Usage frequency
Preset amount

Available options

Default code: [dfd_link_style main_style="style-1" font_options="tag:div"]

Style – Choose between 11 preset styles;

Alignment – This option allows you to set the horizontal alignment for the link;

Animation – Select among 14 appear 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;

Link text – Enter the text which will be visible as link;

Link URL – Add a custom link or select existing page;

Style – Customize the colors for the link text and decoration;

Typography – Select letter spacing, font size, line height and text color. You can choose the custom font family.

Default styles

Samples of preset styles without custom changes
brackets style
Cubic style
bottom line style
text transform style
top line style
moving frame style
slide text style
side line style
lines animation style
x animation style
top & bottom lines style

Customized styles

Some variations of style customizations of the shortcode
brackets style
custom colors
bottom line
custom colors
slide line
lines animation