How to Change Link Colors in WordPress

By Steve · November 24, 2024 · Updated June 24, 2025

Customizing link colors in WordPress can enhance your site’s aesthetics and improve user experience. Here are several methods to adjust link colors:

1. Using the WordPress Customizer:

Many themes allow you to change link colors via the WordPress Customizer:

• Navigate to Appearance > Customize in your WordPress dashboard.
• Look for sections like Colors or Typography.
• Locate the link color settings and select your desired colors.
• Click Publish to apply the changes.

Note: The availability of this option depends on your theme.

WPBeginner

2. Adding Custom CSS:

For more control, you can add custom CSS:

• Go to Appearance > Customize and select Additional CSS.
• Add the following CSS code: a { color: #yourcolorcode; } a:hover { color: #yourhovercolorcode; }Replace #yourcolorcode and #yourhovercolorcode with your chosen hex codes.
• Click Publish to save the changes.

Note: This method applies the changes globally across your site.

Dev Diggers

3. Using Page Builders:

If you’re using a page builder like Elementor:

• Edit the page with Elementor.
• Click the menu icon (three horizontal lines) in the top-left corner and select Site Settings.
• Navigate to Typography and adjust the Link color settings.
• Click Update to apply the changes.

Note: This method allows for site-wide link color customization.

Siteefy

4. Changing Individual Link Colors:

To change the color of specific links:

• Edit the post or page containing the link.
• Highlight the link text and click the down arrow next to the link icon.
• Select Text Color and choose your desired color.
• Update or publish the page to save the changes.

Note: This method is useful for highlighting specific links without affecting others.

ThemeIsle

5. Using Plugins:

Plugins like WPCode can simplify adding custom CSS:

• Install and activate the WPCode plugin.
• Navigate to Code Snippets > Add Snippet.
• Select Add Your Custom Code and choose CSS Snippet.
• Add your custom CSS code for link colors.
• Save and activate the snippet.

Note: This method is recommended for users who prefer not to edit theme files directly.

WPBeginner

By utilizing these methods, you can effectively customize link colors in WordPress to align with your site’s design and branding.