Thursday, February 22, 2024

Home Wordpress Wordpress Tutorial: How To Change The Link Color

WordPress Tutorial: How To Change The Link Color

How To Change The Link Color? WordPress website with a link to the text and ordinary text color will be different, which is generally set up by the theme template in advance; if there are no special needs, we seldom bother about it. But if you are obsessive-compulsive disorder and want to modify the link color, you can refer to the two methods in this article.

How To Change The Link Color?

Method 1: Use the theme that comes with the function

Most popular wordpress themes provide rich colors and font settings, including the Links link color settings.

Take the Astra theme as an example; go to Customize, open Global-Colors, see the link color settings, and set the regular and mouse hover colors, respectively.

Also, some themes can directly modify the Link link color during post or page editing, as shown in the image above.

Method 2: use CSS to modify

If the theme is not good to directly modify the color links, we can also specify the color through a simple CSS code; the next Yue Ran wordpress site shares 3 simple codes; you can set the link to the regular, hover, and click on the color.

Regular state color:

a {
color:#800000;
}

Hover state color (underlined):

a:hover {
color:#e42269;
text-decoration:underline;
}

Colors when clicked:

a:visited {
color:#a637a9;
}

You can get the exact color values in PS or through color-hex.com. Then open Customize-Additional CSS and add the CSS code in.

Conclusion

Generally, the wordpress theme template’s default Link link color is OK; there is no great need to modify it. So the above method we still need to use oh.

RELATED ARTICLES

TOP 10 WordPress plugins using AI

WordPress plugins using AI, Unlock the power of AI on your WordPress site with our curated list of the TOP 10 plugins....

How to Uninstall WordPress from Cpanel

How to Uninstall WordPress from Cpanel? I'm sure you already know how to do a WordPress installation with your eyes closed and...

Divi WordPress Theme Review 2023: Is it the best theme builder?

Are you an entrepreneur, web designer or programmer looking for a powerful WordPress theme that can help you create stunning websites easily?

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

TOP 10 WordPress plugins using AI

WordPress plugins using AI, Unlock the power of AI on your WordPress site with our curated list of the TOP 10 plugins....

How to Uninstall WordPress from Cpanel

How to Uninstall WordPress from Cpanel? I'm sure you already know how to do a WordPress installation with your eyes closed and...

Divi WordPress Theme Review 2023: Is it the best theme builder?

Are you an entrepreneur, web designer or programmer looking for a powerful WordPress theme that can help you create stunning websites easily?

WordPress Plugin 500 Internal Server Error : How to Fix

Wordpress Plugin 500 Internal Server Error - How to Fix? Sometimes, when you try to access your blog, you get an "Internal...

Recent Comments

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.