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 step by step guide using which you can setup 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.
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.
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" />
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
- 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”.
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.
Please subscribe to our newsletter and join more than 1000+ families of Guideearn to get the latest guides on technology, blogging, and hosting.
Subscribe to our newsletter!
Please also explore our next read on our website keep supporting us and let me know if you have any comments.