Link Styles

How links look and animate inside your content.

Links inside pages, blog posts and other related entry content can have custom link animation / style, which can be edited on Appearance -> Customize -> Styling -> Links

The default link style is Animated Underline which dates back from very first version of Kalium but you can change them to your preferred style and animation.

Every link style has its own set of options which you can set for individual styling.

Standard

This type of link style is common on all websites. It makes plain links with default underline styling applied by the browser and has no custom options.

Underline

This type of link style is more advanced in terms of appearance and options.

Type makes it Static or Animated. For an animated one, Animation sets the direction: Left, Right, Left to Right, Inside Out or Outside In. Thickness, Position (Bottom or Line-through) and Line Color apply to both.

A common option is to make everything go in reverse animation by toggling Reverse State, which is available for the Underline and Fill styles.

Underline link style options

Swap

This link style swaps the link in two directions Top and Bottom.

Fill

This link style has two types: Background and Text.

Background type sets the filling animation in specified direction: top, bottom, left and right.

Text type animates the filling color inside text based horizontal direction forwards or backwards.

With Background type and Direction set to Top, a Show Underline toggle appears, and its own Thickness with it.

Fill link style options