This document has been translated from the official Framer blog and supplemented with practical information to assist Korean users who face difficulties due to a lack of resources in Korean. We hope this provides a small amount of help to those using Framer.

Why do you need to set link styles?

Setting link styles is useful when you want the appearance of links to match the overall site design, or when you need consistent link styles across multiple pages created with a CMS.

• Blog post links require uniform color, underlines, and mouseover effects.

• On CMS-generated pages like news, columns, and reviews, basic links can disrupt the design flow.

• When you want link text like "Learn more" or "See related articles" to stand out on the page with different styling.

• To avoid manually setting colors or effects for each link every time.

Step 1: Creating a new link style

1. Open the Assets tab from the left panel.

2. Select Styles from the top tab.

3. Click the + button and choose Link Style.

4. Configure (create) the desired link style.

Note: You can further refine settings for hover states and visited states beyond the default style if needed.

Step 2: Applying link styles to CMS detail pages

1. Select the 'Content' element in the CMS detail page.

2. Go to the Text section in the right panel.

3. Click on the Link property.

4. Select the link style you want to apply.

This ensures consistent link styles across the entire project.

This article is an adapted translation of the Framer official blog post ‘How to style links for a CMS detail page'.