How to edit the CSS to change hyperlink colors in WordPress In the block editor, use a paragraph or classic block, click the three vertical dots in the toolbar, then select “Edit as HTML”.Ĭhange the color to any HEX value you like, or use a color keyword like blue, red, green, purple, etc. Using the classic editor, go into text mode to edit the HTML. That will add the correct HTML to your content.Ĭhange hyperlink color with HTML in WordPress Once installed and activated, highlight the hyperlinked text, then add a color style using the “text color” button. The text color shortcut button is added to the default toolbar.
To install it, go to your plugins page, select “Add New”, search by keyword for “advanced editor tools”. Formerly, it was called “TinyMCE Advanced”.
This plugin has a button to add the HTML and the color code for you. Click the colored box to open the color picker and select the color that best fits your site design.One for the color of your normal hyperlinks, the other for when the link is being hovered. Select “site settings”, then “typography”.On the left navigation menu, click the hamburger icon (three stacked horizontal lines) on the top left of your screen.Using the Elementor page builder plugin, the link color is set from the “site settings” menu. If you do not have a color selector, you can either use a page builder plugin, edit the hyperlink color directly with HTML, or tweak your CSS. If your WordPress theme has a color picker option, this is all you need to change your hyperlink color. To find the HEX value of a color, open a web page in your browser, right-click on the color you want to use, click “inspect”, then click on the color box within the inspector. If you cannot find the exact shade you want, use the browser inspector tool to pick a color from your site.įinding the HEX code for adding custom colors These are the easiest types of WordPress themes to customize. Left-click then drag the cursor around to select the color you want. If your theme does not have a color picker, keep reading for alternative ways to change the hyperlink color in WordPress.Ĭlicking “select color” opens up the color picker. The “Appearance > Customize” menu is where to find them. Not all themes will have the same customization options. Within that section are multiple labels to apply different colors to different elements without touching code.įor the purposes of only changing the hyperlink color, the “link color” tab changes those. If you have paid for a WordPress theme, it is more likely that the developers will have included more customization options.įree themes are generally for DIY site builders who are content to do some coding.Īs an example, the Socrates WordPress theme has a “colors” menu.
Most premium themes have more coding included, reducing the time-consuming part of editing with CSS. Head to the Appearance menu, under themes, click on customize. Start by exploring your WP theme customization optionsīefore diving into any coding, see if your theme makes light work of style changes. Those that do not can have the color of hyperlinks changed using the CSS customizer. Page builder plugins have site settings for hyperlink colors. The Advanced Editor Tools plugin adds a shortcut button to your toolbar. Using HTML, wrap your hyperlink within a tag. And then keep the rectangle selected, click Format > Send Backward > Send Behind Text, see screenshot:Ĥ.How to change the hyperlink color in WordPress Then drag the mouse to draw a rectangle which as large as the Word page, and then, in the Format tab, choose one color that you want to apply for the page under the Shape Fill drop down, see screenshot:ģ. Go the page of the document that you want to change its page color, and then click Insert > Shapes > Rectangle, see screenshot:Ģ. May be, there is no direct way to change one page’s color to differ with the whole document, but, you can use the following workaround to finish it. However, if you want to change one page color with another color, this article, I will talk about how to deal with it in Word file.Ĭhange background color of one page in a Word document Normally, when you apply the Page Color feature to insert page color to a Word document, all the pages of the document will be applied the same color. How to change background page color of one page in a Word document?