Quick Fix: Change The Color of Address Bar in Chrome

Are you looking to change the color of address bar in the chrome browser? If you want to do it for a complete browser all the time, you need to change the Windows Theme color to suit your color liking.

If you want to change the address bar color when anyone opens your WordPress website, you need to add a meta header tag in your header.php. Let me guide you through each of the scenarios and how you change the color of the address bar.

How to Change The Color of Address Bar in Chrome for WordPress Website

Let me first tell you to step by step guide using which you can set up a color for your website address bar whenever it is opened.

Go to the theme editor page on your theme in WordPress by selecting the left tab on themes and then themes editor.

Quick Fix: Change The Color of Address Bar in Chrome

Once you reach the theme editor page, select header.php on the right side of the screen to open the header.php file to edit it.

Quick Fix: Change The Color of Address Bar in Chrome

Once the header.php file is open, copy and paste the below code line under <head> tag. Note that copy this code after <head> and before </head> to make it working.

<meta name="theme-color" content="#A88FAC" />

Quick Fix: Change The Color of Address Bar in Chrome

In the above code, “content” is where you need to set your color code. Here “#A88FAC” is color code. If you want to pick any specific color code, you can go to the colors.co to get the code per your website theme.

You can also use a browser extension to pick the color code as per your liking, you can download and install ColorZilla.

Save the file by clicking on the update button below. Once your file is updated open your website on a mobile browser on any android devices on chrome and make sure to clear cache before opening.

How to Change the URL or Address Bar Color Completely for Browsing

If you want to change the color of the address bar completely in the chrome browser for general surfing of the internet then you can do that using the below steps.

Note that the URL or Address bar color of the browser or any Windows tab depends upon the appearance setting of the Windows on your computer. So, you need to change the appearance setting in your Windows to get the color you want for your browser.

  • Step 1: Select Start Button and then select Setting.
  • Step 2: Select Personalization and wait till it opens up.
  • Step 3: Select Colors on the left-hand side
Quick Fix: Change The Color of Address Bar in Chrome
  • Step 4: Scroll Down on the Colors page and then select the accent color you want for your browser.
  • Step 5: Once you have selected the accent color, scroll down till the end and then tick mark “Tittle Bars and Windows Borders”.
Quick Fix: Change The Color of Address Bar in Chrome

Once you apply those setting you will get the chrome and all other title bars on your windows of the selected color you wanted.

Note that this may only allow you to change the title bar of your chrome browser and may not apply to your text input bar. For that, you need to get a completely dark theme in order to change all the looks on Windows.

If you liked my post please follow us on Social Media Pages such as FacebookTwitter, and Instagram. Also, let us know if you have any suggestions and queries in the comment section.

Please subscribe to our newsletter and join more than 1000+ families of Guideearn to get the latest guides on technology, blogging, and hosting.

Please also explore our next read on our website keep supporting us and let me know if you have any comments.

Next Read:

  1. How To Search Steam Friend Code and Add It

Leave a Reply

Your email address will not be published. Required fields are marked *