Page 1 of 1
0.21 mobile menu and webchat icons
Posted: 15 Nov 2016, 09:32
by GeoPal
Hi Karl,
Just installed 0.21 with all the great features and improvements.
I noticed this strange behaviour- on one of the galleries I don't see the 3 horizontal lines and on the other they are darker, not white.
When I click on the menu and then back, I can see 3 white lines as prorably intended.
Also the chat icon on StudioCreative is all black.
Thanks in advance for any input.
Best, George
Re: 0.21 mobile menu and webchat icons
Posted: 15 Nov 2016, 10:36
by mjau-mjau
Let me understand your issue correctly: I can see that for your website with the BLACK primary color, the icons are not visible ... But is there any problem other than with the website with BLACK primary color?
Re: 0.21 mobile menu and webchat icons
Posted: 15 Nov 2016, 10:44
by GeoPal
The one with the red menu- is it supposed to have dark red lines and then white? If so, the problem is only with the black color site.
Re: 0.21 mobile menu and webchat icons
Posted: 15 Nov 2016, 11:31
by mjau-mjau
GeoPal wrote:The one with the red menu- is it supposed to have dark red lines and then white?
Yes. This is a conscious design decision to move towards "softer" buttons, while HOVER/ACTIVE state will trigger the color white. Just like our new plugin buttons:
GeoPal wrote:If so, the problem is only with the black color site.
This is related to the above. The icons are there, but they are using a semi-transparent black, which obviously becomes invisible on black backgrounds. REALLY, you should be using a different color than pure black, since the "primary color" should contrast with both black and white ... Also to make these buttons (that are always visible), less overwhelming to the visitor when they are not active. Furthermore, we can't simply "calculate" the icon color from your custom "primary color" (which could be anything).
If you want, I can provide you with a
custom CSS fix, which will color the icons differently (or white again). But ultimately, it will be forced to choose a non-black / non-white color as primary color, since the color needs to maintain a contrast to both black and white. Even GREY would be fine ...
Re: 0.21 mobile menu and webchat icons
Posted: 15 Nov 2016, 12:33
by GeoPal
Thank you Karl, I understand now! Will try with a different colour.
Best, G
Re: 0.21 mobile menu and webchat icons
Posted: 08 Dec 2016, 07:14
by GeoPal
Hello Karl,
Can you provide a custom code so that the mobile menu icon and the chat icons are not pure black? I would like to keep the black main color.
Even in this color scheme the toolbar share icon is with white arrow within, as are the arrows in the next/previous image in the slideshow.
Thank you very much in advance!
Best, G
Re: 0.21 mobile menu and webchat icons
Posted: 09 Dec 2016, 04:23
by mjau-mjau
Custom CSS:
#x3_plugin_buttons>button:after {
color: rgba(255,255,255,0.8);
}
.sb-toggle>button {
color: rgba(255,255,255,0.8);
}
Even in this color scheme the toolbar share icon is with white arrow within, as are the arrows in the next/previous image in the slideshow.
The idea is to change this in next major release. However, I might include a fix so that icons remain white if the background (primary color) is black/dark.
Re: 0.21 mobile menu and webchat icons
Posted: 09 Dec 2016, 04:46
by GeoPal
Thank you Karl for the fast response and great code! Worked out nicely.
Have a great day,
G
Re: 0.21 mobile menu and webchat icons
Posted: 21 Feb 2017, 21:46
by mjau-mjau
With release
X3 0.22, you should no longer require the custom CSS code above. It should automatically detect a DARK primary color, and change to a "white" icon color.