CMS
Jul 10, 2025
Easily Set Link Styles for CMS Detail Pages
Setting the link style on the CMS detail page can enhance the consistency of links to match the site design, improving user experience. This article will show you how to configure link styles.

Uploaded by

Translated by
Contents
Table of Contents
This document has translated content from the official Framer blog into Korean and added useful information to help local users who face challenges due to the lack of Korean materials while learning Framer. We hope this can be of some assistance to those using Framer.
Why is it necessary to set link styles?
Link style settings are used when you want to match the appearance of links to the overall site design, or when you want to maintain consistent link styles across various CMS-created pages.
Blog post links need to have a uniform color, underline, and hover effect.
Links on news, columns, review pages made with CMS may look too basic and disrupt the design flow.
You want to differentiate the style for link texts like "Learn more" and "See related posts" so they stand out on the page.
It's cumbersome to manually assign colors or effects to each link every time.
Step 1: Create a new link style
Open the Assets tab in the left panel
Select
Styles
from the top tabClick the
+
button and selectLink Style
Configure (create) the desired link style

Note
: You can further customize hover state, visited state, etc., beyond the basic styles as needed.
Step 2: Apply link styles to the CMS detail page
Select the 'Content' element on the CMS detail page
Go to the
Text
section in the right panelClick the
Link
propertySelect the link style to be applied

This allows you to use consistent link styles throughout the entire project.
This article is a translated and adapted version of the Framer official blog post 'How to style links for a CMS detail page'.