{"id":115559,"date":"2023-01-26T19:41:59","date_gmt":"2023-01-26T19:41:59","guid":{"rendered":"https:\/\/wpsimplefix.co.uk\/?p=115559"},"modified":"2026-09-24T17:42:00","modified_gmt":"2026-09-24T17:42:00","slug":"change-the-hyperlink-colour-in-elementor","status":"publish","type":"post","link":"https:\/\/chkserv.com\/blog\/change-the-hyperlink-colour-in-elementor\/","title":{"rendered":"Change the hyperlink colour in Elementor"},"content":{"rendered":"<p>How to change the hyperlink colour in <a href=\"https:\/\/be.elementor.com\/visit\/?bta=207785&amp;nci=5383\" target=\"_blank\" rel=\"noopener\">Elementor<\/a>? The default pink Elementor hyperlink colour can be changed to a colour that match your brand. In this tutorial, I will show you how to change the hyperlink colour in Elementor.<\/p>\n<h2>1. Edit with Elementor<\/h2>\n<p>Now that you\u2019re logged in to your dashboard, navigate to any page of your website and edit it with Elementor.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"634\" src=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/pages-edit-elemenor-1024x812.png\" alt=\"pages-edit-elemenor\" loading=\"lazy\" srcset=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/pages-edit-elemenor-1024x812.png 1024w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/pages-edit-elemenor-300x238.png 300w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/pages-edit-elemenor-768x609.png 768w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/pages-edit-elemenor-1536x1217.png 1536w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/pages-edit-elemenor.png 1726w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>2. Navigate to the \u201cSite Settings\u201d<\/h2>\n<p>Now that Elementor is loaded, you\u2019ll be able to navigate to the \u201cSite Settings\u201d to change the colour of all hyperlinks on your website! To do that, simply click on the hamburger menu on the top left of your screen.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"592\" height=\"796\" src=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-site-settings.png\" alt=\"elementor-site-settings\" loading=\"lazy\" srcset=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-site-settings.png 592w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-site-settings-223x300.png 223w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<p>Then, you can click on \u201cSite Settings\u201d to open the settings of your website where you will have the option to change the default hyperlink color of Elementor.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"590\" height=\"821\" src=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-burger-button.png\" alt=\"elementor-burger-button\" loading=\"lazy\" srcset=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-burger-button.png 590w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-burger-button-216x300.png 216w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>3. Set the new hyperlink colour<\/h2>\n<p>Now that you\u2019re in the settings of your website, it\u2019s time to change the hyperlink colour. To do that, navigate to \u201cTypography\u201d and then, scroll down to \u201cLinks\u201d.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"593\" height=\"805\" src=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/typography.png\" alt=\"typography\" loading=\"lazy\" srcset=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/typography.png 593w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/typography-221x300.png 221w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<p>Here, you will be able to change the colour of all the hyperlinks site wide. In the same section, you&#8217;ll be able to change page header settings.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"590\" height=\"347\" src=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-link-colour.png\" alt=\"elementor-link-colour\" loading=\"lazy\" srcset=\"https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-link-colour.png 590w, https:\/\/chkserv.com\/blog\/wp-content\/uploads\/2023\/01\/elementor-link-colour-300x176.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>4. Save your edits<\/h2>\n<p>Once everything you wanted is changed, don\u2019t forget to press the blue \u201cUPDATE\u201d button to save your edits.\u00a0All the links on your website should now be changed from the default pink link to the new colour you selected.<\/p>\n<p>If you liked this article, then please share it on social media.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to change the hyperlink colour in Elementor? The default pink Elementor hyperlink colour can be changed to a colour that match your brand. In this tutorial, I will show you how to change the hyperlink colour in Elementor. 1. Edit with Elementor Now that you\u2019re logged in to your dashboard, navigate to any page [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":116313,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[50,14,51],"class_list":["post-115559","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-colour","tag-elementor","tag-hyperlink"],"_links":{"self":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts\/115559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/comments?post=115559"}],"version-history":[{"count":1,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts\/115559\/revisions"}],"predecessor-version":[{"id":136763,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts\/115559\/revisions\/136763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/media\/116313"}],"wp:attachment":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/media?parent=115559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/categories?post=115559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/tags?post=115559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}