![Change chrome toolbar color Change chrome toolbar color](/uploads/1/2/3/7/123746516/718584401.png)
Have you noticed that many popular websites like BBC and Facebook use their own brand colors for the address bar in mobile browser. Recently, one of our users asked us if we could write about how to change the color of address bar in mobile browser to match their WordPress theme? In this article, we will show you how to change the color of address bar in mobile browser to match your WordPress site.
Why Match Address Bar Color in Mobile Browser?
Most popular WordPress themes are mobile responsive. This makes your site looks great on mobile devices. However, it still looks and feels like a website.
Matching the color of address bar to your WordPress site, gives it a native app-like feel. This improves user experience, which ultimately boosts sales and conversions.
However, please note that currently it only works for Google Chrome web browser on Android devices using Lollipop or newer versions.
Match Address Bar Color on Mobile Browser to Your WordPress Theme
Simply add this code in your theme or child theme‘s
header.php
file just before the closing </head>
tag. <meta name='theme-color' />
This line is a HTML meta tag used by Google Chrome on Android to change color of address bar in mobile browser. The content field has the hex code for the color you want to use as theme color.
Not sure how to get the hex color code?
You can get the HEX value of a color using any image editing software like Adobe Photoshop, Gimp, Paint, etc.
You can also pick a color using online HTML color picker tools.
If you want to pick a color from a web page, then you can use a browser extension like ColorZilla.
That’s all, we hope this article helped you learn how to change the color of address bar in mobile browser to match your WordPress site. You may also want to see our CSS Hero review, it is the easiest way to customize your WordPress theme.
Tab Colors In Chrome
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Hi all,
Can anyone point me in the right direction of changing the stark white background color of the Chrome tab bar? I'm not sure if it's a Windows function or a Chrome function but in Windows 7 I believe it was Windows.
I'm so used to it being either transparent or at the very least borrowing from my current background color as it did in Windows 7 but there seems no way to change it in Windows 10.
If I'm not mistaken, such a change wouldn't/shouldn't require a separate Chrome theme but is rather a simple setting that I'm just unable to find. Any help would be greatly appreciated! Thanks :)
Change Tab Color Chrome Windows 10
Google redesigned the user interface of Chrome browser with the version 69 release. There are good looking features like rounded tabs and option to set the background image. If looking the white background bores you then learn how to change Google Chrome background without any extensions.
Updating Chrome Version to 69 or Greater
First go to the URL ‘chrome://settings/help’. Chrome will automatically search for the updates and install the latest version. Ensure that your Chrome version is 69 or greater.
How to Change Chrome Browser Background?
Open a new tab in Chrome and look for a gear icon located on bottom right corner as shown below.
Updating Chrome
Click on the gear icon and then click ‘Chrome backgrounds’ option.
![Change Tab Color Chrome Change Tab Color Chrome](https://i1.wp.com/glarminy.com/wp-content/uploads/2015/04/how-to-change-google-chrome-background-color-and-text-color-extensions.png?ssl=1)
You will see a popup showing the collection of background images.
View Background Collections
There are many collections available like landscape, seascapes, art, cityscapes, life, textures, earth, geometric shapes and solid colors. Select any of your preferred collection to view list of background images.
Select Background Image
Select the image and then click on ‘Done’ button to set the image as a background image for your browser.
Removing the Background
Any time you can remove the background image. Just click on the gear icon and choose ‘Restore default background’. This will remove the image and restore the white color default background.
Remove the Background
Uploading Custom Background
Click on the gear icon and choose ‘Upload an image’ option. Select the picture from your computer and click ‘Open’ button. Now you can see the uploaded image is set as a background for Chrome.
Once you set the background, Chrome will open all the new tabs with the background image.
Adding Background with Extensions
The default background option is simple to replace the background without any additional functions. If you like to have more functions like a dashboard or theme then go to Chrome web store. Search for ‘background’ using the search box. You can filter extensions as well as theme.
Let us try ‘Moment – #1 Personal Dashboard for Chrome‘ extension by clicking on the ‘Add to Chrome’ button.
Install Background Extension in Chrome
After installing, you will see an icon next to the address bar and the new tabs will instantly start showing a background image.
This extension has lot of features which you can access by clicking on the three dots button on the lower right corner.
- Set background image from large number of collections.
- You can set video, color or custom gallery as background.
- The annoying history thumbnails will be removed and neatly arranged inside ‘Hub’ option as Bookmarks.
- You can also take notes and plan to do list activities.
- Extension also removes the Google brand on top of the search box.
Change Background with Themes
If you want to change the complete look of Chrome then look for themes in Chrome web store. You can find thousands of free themes in different categories. All the themes will basically change the background and disable the default background change option. Below is how Chrome will look like with the theme Adventure Time – Tree Fort 3.
Chrome with Theme Background
Jul 16, 2017 Forbidden Love: New DLC Upcoming Mod featuring the Forsworn. Join the Team Now! - posted in Skyrim Mod Talk: Join the Team! What is Forbidden Love? Enter into an entirely new land: Explore the wild forests of the Reach, the untamed nature of the creatures and tribesmen’s that live within, witness the dark rituals of the hagravens and join the Forsworn. Forbidden Love features our soft spoken and clever Chieftain, Cael. Not only is the lead writer for this mod a published author, but he is the very voice of Cael. Placed along the border of Skyrim and High Rock, lays Cael’s village, where you can learn about, as well as become, a forsworn. Jan 05, 2018 Ok, I'm kind of confused here. I thought the Forbidden Love mod was still being worked on but there's a New Year's update page on the Skyrim. The great difference between both mods is the approach of the mods development. Skyrim Romance progressed with encounters you had with different NPCs placed in the world of Skyrim. While Forbidden Love follows a very interactive story-line that has many different player answers. Whether you want to be sweet, sassy or rude. Skyrim forbidden love mod. Mar 18, 2018 Forbidden Love is a large, undoubtedly massive Skyrim Mod project following Skyrim Romance, its predecessor. It's a tale about joining the Forsworn and exploring a whole new Land in High Rock while experiencing a slow burning romance with Cael the Chieftain of the Rudahan tribe.
Remember, extensions and themes offer large options but they impact the browsing speed and load the pages slower. If you want to have safe and fast browsing experience then strict to the default options of Chrome.