> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/styling/link-styles.md).

# 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.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-b09a40678137dabf1e1a5222f37c08c450bcfeef%2FLink%20Style%20-%20Underline.jpg?alt=media" alt="" width="348"><figcaption><p>Underline link style options</p></figcaption></figure>

### 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.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-723589c9ada83a46472f2284effff2018440875b%2FLink%20Style%20-%20Fill.jpg?alt=media" alt="" width="343"><figcaption><p>Fill link style options</p></figcaption></figure>
