Will Chrome Custom Tabs allow websites to change the titlebar color with <meta name=theme-color />?
No, Chrome Custom Tabs does not honor theme-color meta tags or allow websites to modify the title bar in the any of the ways that Chrome does.
Related
is there a way to customize the scroll bar for ion-select , ion-select-popover
I tried different CSS webkit options but it didn't work
No there is not, ionic components use shadow-dom. You cannot edit shadow-dom css.
Is there a way to target css to the mobile menu only? I am using http://athemes.com/theme/Sydney and my dev server is at http://150.101.201.63/wordpress2/WordPress/
Simply put when the menu changes to the mobile menu (one with single button to open menu versus top navigation menu) I want to add some styling. I used to do this by device width but I'm finding this less effective with this theme.
Any help appreciated.
Resize your desktop window to actuate the mobile display of your site and use a web inspector tool in your browser to find the element you'd like to change.
Your Dev site is broken, but Renovation Princess uses the element #respo-menu-list-left to effect portions of your mobile menu.
I tried/guessed it and the url is http://150.101.201.63/wordpress2/wordpress/, so now uppercase in wordpress.
I looked in over the website and when it displays the mobile menu it changes the menu id to mainnav-mobi, so you can safely write you css for that id and it will only show on mobile.
#mainnav-mobi {
/* css here */
}
In (most? all?) desktop browsers, styling of the html <title> tag has no effect.
How does this work on mobile browsers? Should I begin styling the <title> tag?
User agents do display the content of the <title> tag, both in desktop:
and mobile browsers:
The presentation of the title in these tab labels is of course determined by the design of the browser and shouldn't be influenced by a web site's style sheets.
In most mobile browsers, the contents of the <title> tag by default aren't even visible to the user unless they choose to bookmark the site or view the open tabs.
The same is gradually becoming more and more the case with desktop browsers, also. Outside of having a favicon there's not a lot you can do to customise the display of your page's name in a browser title / tab name window on any device.
I'm working on my first SharePoint project doing some UX support. My client's page uses some custom css including a horizontal main-menu with dropdown sub-menus. When the page is loaded in IE9, none of the sub-menus work correctly. The dropdowns appear when you hover over the top-level item but when you drop your cursor down to the sub-menu, the hover doesn't register and the menu disappears.
These links work fine in latest versions of Chrome and Firefox, so I'm pretty sure this is an IE quirk. In IE9, if I open the developer tools and toggle the document mode from IE9 to IE7 and then back to IE9, the menus work correctly for the remainder of the browser tab's lifetime (e.g. when I use the sub-menus to navigate to other pages, the dropdowns continue to function properly). Unfortunately, since this is SharePoint, I don't have a lot of control over the structure of the html here.
Anyone know what might be going on? Does anyone know the impact of toggling the browser modes to IE7 and back and why that might fix the problem? Thanks!
Try this:
<meta http-equiv="X-UA-Compatible" content="IE=7">
It will force IE8, IE9 etc to render as if they were IE7.
This is a very specific question for a Google Chrome extension.
http://www.meebo.com/mobile/
This page is where you're kicked to when you go to Meebo.com on an iPhone or Droid phone. But if you notice, the Status box where you can set yourself away or what you want your status to be has white text on a white background.
In order to get a website to appear in a Google Chrome extension's popup window (the one that drops down when you click the icon next to the address bar) that isn't an included html file in the extension, I need to use an iFrame. I know that there's security measures about Cross-Site stuff like javascript and I'm not surprised I'm having trouble accessing the CSS. But there's a class, status, and it's color is white and I need to change that to black. I've tested it with Chrome's Inspect Element window and if I change that, I'll be fine.
I've tried changing the manifest.json file to inject a CSS file using Content-Scripts, but nothing...
I'm new to Chrome Extensions but I have experience doing web development.
What you have to do is to change the DOM inside the iframe, ie to change the style of the text element with javascript.
You can for example, change the 'color' attribute of the text element, or change his CSS class and add a new one.