Jump to content

Welcome, Guest!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

  • 0
Smile

How to change the address bar color

Question

17 answers to this question

Recommended Posts

  • 0

Good one!

You could also add a single line to preferences - custom code - extra metas section as:

<meta name="theme-color" content="blue" />

  • Like 1

Share this post


Link to post
Share on other sites
  • 0

Just out of curiosity, and to find the best fix....

In my theme header.tpl from the theme currently in use I can not find the rule.... But I do see it in the live site.... In TB yellow.... 

<meta name="theme-color" content="#fad629">

Also not in the: community-theme-default

 

Where does it come from?

Share this post


Link to post
Share on other sites
  • 0

Not at all, especially not this exact custom thirty bees yellow 😅

Share this post


Link to post
Share on other sites
  • 0

I have installed thirty bees twice from a2Hosting through cPanel, and both times I get the yellow address bar on mobile devices and I can't find where to get rid of it!

I have also never set it to anything, especially not that bright yellow!

I have added the <meta name="theme-color" content="#3260a8"> to every header.tpl file that I can find, and it is not changing the address bar in the mobile apps.

None of the files had had that line already there!

Any help would be great, thanks!

https://mymembershipcards.com and https://fighterbranded.com

Share this post


Link to post
Share on other sites
  • 0

1. mymembers is loading yellow as theme-color is defined #fad629 within script tag

<script>

<link rel="apple-touch-icon"...<meta name="theme-color" content="#fad629">...

2. fighterbranded shows has 3x <meta name="theme-color", delete other 2 and leave only the one in <head>

Share this post


Link to post
Share on other sites
  • 0

Thank you!

FighterBranded has it 3x because I was trying to figure out how to change it. Right now that is loading correctly!

How do I keep this from being reset when an update is done since this is NOT a setting and I am changing the file manually?

Share this post


Link to post
Share on other sites
  • 0
On 2/2/2019 at 10:42 AM, Chandra said:

You could also add a single line to preferences - custom code - extra metas section as:

<meta name="theme-color" content="blue" />

 

Share this post


Link to post
Share on other sites
  • 0
Posted (edited)

You should try to delete the

<meta name="theme-color" content="#fad629">

as currently you stil have "theme-color" 2x in your page.

Edited by toplakd

Share this post


Link to post
Share on other sites
  • 0

Where do you delete it from? That is what I keep asking?

I have so far gone through every single file in the theme to try and find where it is set and now I am going to start going through the actual code for it. This is being set during install of the software and there does not seem to be an easy way to change it or get rid of it.

I know it is there with the fav-icons, how do you get rid of that?

I never put the code there and I am not finding where to get rid of it!

Share this post


Link to post
Share on other sites
  • 0
Posted (edited)

Open your header.tpl file

and seach for string i postedabove

 

Edited by toplakd

Share this post


Link to post
Share on other sites
  • 0

Actually, the best way to change this, and will keep this from being changed each time an update is done.

Login to the Admin Dashboard -> "Preferences" -> "Themes"

Click on the tab "Icons" and scroll down to the "Faveicon metas" section.

At the bottom of that listing are two lines with the color code. If you change those, then it will change and keep the new color code through future changes.

No need to manually edit files, or to have to keep changing them when you make site changes and updates.

Share this post


Link to post
Share on other sites
  • 0

If you have those lines added there, than you have to change it there. Otherwise you will always have duplicate entries, if one would modify the .tpl and also have it here

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...