{"id":2015,"date":"2022-05-06T23:55:50","date_gmt":"2022-05-07T03:55:50","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=2015"},"modified":"2022-05-06T23:55:50","modified_gmt":"2022-05-07T03:55:50","slug":"how-to-change-link-color-in-wordpress","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/","title":{"rendered":"How To Change Link Color In WordPress?"},"content":{"rendered":"<p>Adding links is quite easy in WordPress (<strong>press Ctrl+K<\/strong>) but do you know <strong>how to change link color in WordPress<\/strong>. Don&#8217;t worry, I&#8217;ll cover all of the options for changing link color in this article.<\/p>\n<p>It is common to add links on the header, footer, in-post, pages, etc. Links are <strong>crucial for navigation<\/strong> and to make an article <strong>more visually appealing<\/strong>; nevertheless, another key purpose of links is to make an article <strong>SEO-friendly<\/strong>. Also, Read <a href=\"https:\/\/basicwebguide.com\/how-to-change-the-background-color-of-a-single-page-in-wordpress\/\">How to change the background color of a single page in WordPress?<\/a><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#Wait_Is_It_Worth_Changing_Link_Color\" title=\"Wait, Is It Worth Changing Link Color?\">Wait, Is It Worth Changing Link Color?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#How_To_Change_Link_Color_In_WordPress\" title=\"How To Change Link Color In WordPress?\">How To Change Link Color In WordPress?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#Before_Begin_Pick_The_Right_Color_For_The_Link\" title=\"Before Begin, Pick The Right Color For The Link\">Before Begin, Pick The Right Color For The Link<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#How_To_Change_Link_Color_In_WordPress_Using_CSS\" title=\"How To Change Link Color In WordPress Using CSS?\">How To Change Link Color In WordPress Using CSS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#How_To_Change_Link_Color_In_WordPress_Using_Theme_Customization\" title=\"How To Change Link Color In WordPress Using Theme Customization?\">How To Change Link Color In WordPress Using Theme Customization?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#How_To_Change_Link_Color_In_WordPress_Using_Elementor_Page_Builder\" title=\"How To Change Link Color In WordPress Using Elementor Page Builder?\">How To Change Link Color In WordPress Using Elementor Page Builder?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#How_To_Change_Link_Color_In_WordPress_Using_Plugin\" title=\"How To Change Link Color In WordPress Using Plugin?\">How To Change Link Color In WordPress Using Plugin?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#How_To_Change_Individual_Link_Color_In_WordPress\" title=\"How To Change Individual Link Color In WordPress?\">How To Change Individual Link Color In WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/#Final_Thoughts\" title=\"Final Thoughts\">Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Wait_Is_It_Worth_Changing_Link_Color\"><\/span><strong>Wait, Is It Worth Changing Link Color?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A big <strong>YES<\/strong>, most of the time. When you&#8217;re just starting out with your website, it&#8217;s a good idea to change the <strong>color of your links<\/strong>. During the development of your site, you may realize that the color of your <strong>links is not compatible<\/strong> with the theme&#8217;s elements.<\/p>\n<p>Relevant link color, without a doubt, makes it easier for <strong>visitors to interact<\/strong> with the content and let them explore further pages. Even links are often not easily visible or striking, causing users to <strong>abandon the webpage<\/strong>.<\/p>\n<p>In these scenarios, you must have to learn how to change link color in WordPress and improve user engagement along with SEO.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Link_Color_In_WordPress\"><\/span><strong>How To Change Link Color In WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There are several ways to change link color in WordPress including customizing the theme editor, adding CSS code, using plugins, etc. However, before you use any of the <strong>color-changing options<\/strong>, make sure you <strong>pick the right color<\/strong> for the link you wish to modify.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Before_Begin_Pick_The_Right_Color_For_The_Link\"><\/span><strong>Before Begin, Pick The Right Color For The Link<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The color combination is expressed in <strong>hexadecimal numbers<\/strong> and differs based on the color you have chosen. For example, the hex code for <strong>dark blue<\/strong> is #00008B, for orange is #FFA500, for cyan is #00FFFF, etc.<\/p>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-2020\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-230722.jpg\" alt=\"How To Change Link Color In WordPress\" width=\"1348\" height=\"591\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-230722.jpg 1348w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-230722-300x132.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-230722-1024x449.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-230722-768x337.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-230722-20x9.jpg 20w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/p>\n<p>You don&#8217;t have to memorize these codes, just type <strong>hex color code<\/strong> on Google (or other search engines), and you can easily access the codes. Furthermore, you can also create your custom hexadecimal color code using online tools like <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener\">htmlcolorcodes.com<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Link_Color_In_WordPress_Using_CSS\"><\/span><strong>How To Change Link Color In WordPress Using CSS?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The easiest way to change link color in WordPress is by <strong>pasting the hex code<\/strong> into the CSS. Even if you don&#8217;t need to be a coding geek for this, any novice can do this. <strong>CSS (Cascade Style Sheet) <\/strong>enables you to customize the site&#8217;s elements and ensure how it looks.<\/p>\n<ul>\n<li>Go to your WordPress dashboard and look for the <strong>Appearance<\/strong> section.<\/li>\n<li>Inside this, click on the <strong>Customize<\/strong> button.<\/li>\n<li>It will lead to a new page where you edit every element of your website.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2022\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-232019.jpg\" alt=\"How To Change Link Color In WordPress Using CSS\" width=\"850\" height=\"355\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-232019.jpg 850w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-232019-300x125.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-232019-768x321.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-232019-20x8.jpg 20w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/p>\n<ul>\n<li>Scroll down and look for <strong>custom CSS or additional CSS<\/strong> depending on the editor you are using.<\/li>\n<li>You can see a bit of code there. Without making any changes, just<strong> paste the below code<\/strong> under the CSS file.<\/li>\n<\/ul>\n<pre style=\"text-align: center;\">a { \r\ncolor: #0000ff; \r\n}<\/pre>\n<ul>\n<li>Here, <strong>a<\/strong> referred to anchor or link property and <strong>#000ff<\/strong> is the default blue hex code.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2024\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-233501.jpg\" alt=\"change link color in wordpress\" width=\"574\" height=\"166\" data-wp-editing=\"1\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-233501.jpg 574w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-233501-300x87.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-04-233501-20x6.jpg 20w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/><\/p>\n<ul>\n<li><strong>Replace<\/strong> the #000ff with your selected hex color code in the previous step.<\/li>\n<li>Onc changes the link color, click on the <strong>Publish<\/strong> button at the top.<\/li>\n<li><strong>Refresh<\/strong> the page and visit the links you have just modified.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Link_Color_In_WordPress_Using_Theme_Customization\"><\/span><strong>How To Change Link Color In WordPress Using Theme Customization?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you are not like the coding stuff (or are not familiar with it) then you should consider the theme customization option to change the color of a link. This method <strong>works differently on different themes<\/strong> and editors but the fundamental route is the same. Follow the below steps to modify the link color in WordPress.<\/p>\n<ul>\n<li>Go to your WordPress dashboard and select <strong>Appearance<\/strong> and click on <strong>Customize<\/strong> option as you did in the previous method.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2034\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212932.jpg\" alt=\"How To Change Link Color In WordPress\" width=\"853\" height=\"319\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212932.jpg 853w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212932-300x112.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212932-768x287.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212932-20x7.jpg 20w\" sizes=\"(max-width: 853px) 100vw, 853px\" \/><\/p>\n<ul>\n<li>Inside general styling, you will get various options to change the link color.<\/li>\n<li>In other editors (like Gutenberg), you might get a <strong>colors<\/strong> option instead of styling to change the link color.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2035\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213524.jpg\" alt=\"Change Link Color In WordPress\" width=\"949\" height=\"387\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213524.jpg 949w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213524-300x122.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213524-768x313.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213524-20x8.jpg 20w\" sizes=\"(max-width: 949px) 100vw, 949px\" \/><\/p>\n<ul>\n<li>All the editing options are available on the left sidebar of the page.<\/li>\n<li>Scroll down this side panel, you will get a section heading named <strong>Links Color.<\/strong><\/li>\n<li>Here, two points are very important; 1st <strong>color<\/strong> and 2nd one is <strong>color: hover<\/strong>, you can modify both of them.<\/li>\n<li>By selecting and adjusting the color option, you can change the link color.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2036\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213814.jpg\" alt=\"How To Change Link Color In WordPress Using Theme Customization\" width=\"687\" height=\"324\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213814.jpg 687w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213814-300x141.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-213814-20x9.jpg 20w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/p>\n<ul>\n<li>By <strong>adjusting the color<\/strong>: hover, you can alter the link color when any hover the mouse over it.<\/li>\n<li>You don&#8217;t need any hex color code in this method.<\/li>\n<li>Just select any color from the color palette and click on the <strong>publish<\/strong> button at the top one selected color of your choice.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Link_Color_In_WordPress_Using_Elementor_Page_Builder\"><\/span><strong>How To Change Link Color In WordPress Using Elementor Page Builder?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a> is unarguably the most <strong>popular WordPress page builder<\/strong> with tons of premium customization. If you are also using elementor then you can easily change the link color in WordPress. Also, Read <a href=\"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/\">How to change font color in\u00a0WordPress?<\/a><\/p>\n<ul>\n<li>Go to your elementor dashboard and click on the three parallel lines <strong>menu<\/strong> at the upper left corner.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2030\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-202912.jpg\" alt=\"How To Change Link Color In WordPress Using Elementor Page Builder\" width=\"844\" height=\"279\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-202912.jpg 844w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-202912-300x99.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-202912-768x254.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-202912-20x7.jpg 20w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/p>\n<ul>\n<li>\u00a0From the menu options, select the <strong>Site Settings<\/strong> option.<\/li>\n<li>It will open up new options, select the <strong>Typography<\/strong> option.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2031\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-203829.jpg\" alt=\"edit link in wordpress\" width=\"604\" height=\"214\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-203829.jpg 604w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-203829-300x106.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-203829-600x214.jpg 600w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-203829-20x7.jpg 20w\" sizes=\"(max-width: 604px) 100vw, 604px\" \/><\/p>\n<ul>\n<li>Scroll down and look for the <strong>Link<\/strong> section.<\/li>\n<li>Here, you have two columns; Normal and Hover.<\/li>\n<li>Under the Normal section, you have a <strong>color<\/strong> option. Click on the <strong>global<\/strong> icon in front of the color option.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2032\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-204729.jpg\" alt=\"How To Change Link Color In WordPress\" width=\"862\" height=\"346\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-204729.jpg 862w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-204729-300x120.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-204729-768x308.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-204729-20x8.jpg 20w\" sizes=\"(max-width: 862px) 100vw, 862px\" \/><\/p>\n<ul>\n<li>Pick the color of your choice and update the settings.<\/li>\n<li>You can also modify the hover link color by selecting the <strong>hover<\/strong> tab instead of the normal tab.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Link_Color_In_WordPress_Using_Plugin\"><\/span><strong>How To Change Link Color In WordPress Using Plugin?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Plugins are obviously the quickest and easiest way to change link color in WordPress especially if you don&#8217;t want to entangle with <strong>settings and codings<\/strong>. The recommended plugin is <a href=\"https:\/\/wordpress.org\/plugins\/so-css\/\" target=\"_blank\" rel=\"noopener\">SiteOrigin CSS<\/a> which you can directly download from the plugin directory.<\/p>\n<ul>\n<li>Install and activate the SiteOrigin CSS plugin.<\/li>\n<li>Go to the <strong>Appearance<\/strong> section and select <strong>Custom CSS<\/strong> (this will be added once install the plugin).<\/li>\n<li>Click on the <strong>eye<\/strong> button at the top right corner to launch the visual editor.<\/li>\n<li>Now, click on <strong>any link<\/strong> whose color you want to change.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2033\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212245.jpg\" alt=\"change wordpress link color\" width=\"853\" height=\"274\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212245.jpg 853w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212245-300x96.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212245-768x247.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-212245-20x6.jpg 20w\" sizes=\"(max-width: 853px) 100vw, 853px\" \/><\/p>\n<ul>\n<li>On the <strong>left sidebar<\/strong>, all the related details display on the screen.<\/li>\n<li>Here change the link text color, size, font style, etc of any link you have created or want to create.<\/li>\n<li>Click on the <strong>Save<\/strong> button once you selected your link color.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Individual_Link_Color_In_WordPress\"><\/span><strong>How To Change Individual Link Color In WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The above-mentioned method enables you to change the link color of an entire website, however, you can also change the link color of an individual link. This method is quite simple as you can <strong>change the color from the editor<\/strong> itself.<\/p>\n<ul>\n<li><strong>Open<\/strong> any post in which you want to change the link color.<\/li>\n<li>Add a link from the link icon or by pressing (Ctrl+K).<\/li>\n<li>Otherwise, select the <strong>text of the link<\/strong> (by double-tap or shortcut keys).<\/li>\n<li>From the tool tab at the top of the editor, select the <strong>text color (<span style=\"text-decoration: underline;\">A<\/span>)<\/strong> button.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2038\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-232017.jpg\" alt=\"change link color of post\" width=\"859\" height=\"342\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-232017.jpg 859w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-232017-300x119.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-232017-768x306.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-06-232017-20x8.jpg 20w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/p>\n<ul>\n<li>Now <strong>select the color<\/strong> of your choice and you can see the instant color change of the text of the link.<\/li>\n<li>Save the draft and check with the <strong>preview<\/strong> if everything has gone well.<\/li>\n<li>Remember, this method works effectively on the <strong>classic editor<\/strong>, you might have to click three dots and then select the <strong>text color<\/strong> option in the Gutenberg editor.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span><strong>Final Thoughts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is all about <strong>how to change link color in WordPress<\/strong> in simple ways. In this article, we have learned 5 different methods to change the color of a link in WordPress including changing the color of <strong>an individual link<\/strong>. These methods work well in any theme and any WordPress editor including <strong>classic and Gutenberg<\/strong>.<\/p>\n<p>You don&#8217;t really need any technical skills or WordPress hidden keys to change the color of any link; simply follow the instructions above. The simplest and short way to <strong>change a link color<\/strong> is to paste a one-line code in your <strong>CSS file<\/strong> as discussed in the first method.<\/p>\n<p>I hope you enjoyed this article, and if you have any challenges adopting the <strong>aforementioned methods<\/strong>, please let me know in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding links is quite easy in WordPress (press Ctrl+K) but do you know how to change link color in WordPress. Don&#8217;t worry, I&#8217;ll cover all of the options for changing link color in this article. It is common to add links on the header, footer, in-post, pages, etc. Links are crucial for navigation and to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2043,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[2488,2484,2479,2477,2483,2486,2485,2489,2480,2476,2482,2481,2478,2487],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2015"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=2015"}],"version-history":[{"count":14,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2015\/revisions"}],"predecessor-version":[{"id":2044,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2015\/revisions\/2044"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/2043"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=2015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=2015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=2015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}