I have a web site using Joomla 3.8.1. On my start page I have a Swedish and an English flag icon in top right corner. As I'm not too happy with the bright colours on these two flag icons, I would like to apply the code "filter: grayscale(50%)" to them, but I cannot find the code for these icons anywere in Joomla. In the menu Extensions --> Modules I have found a module named "Language Switcher Flags" which contains the following code:
Code: Select all
<a href="http://mysite.se/" title="Svenska"> <img alt="sv" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/4c/Flag_of_Sweden.svg/1600px-Flag_of_Sweden.svg.png" style="height: 24px; width: 42px; filter: grayscale(50%);" /> </a>
<a href="http://eng.mysite.se/" title="English"> <img alt="eng" src="https://upload.wikimedia.org/wikipedia/en/thumb/a/ae/Flag_of_the_United_Kingdom.svg/1200px-Flag_of_the_United_Kingdom.svg.png" style="height: 24px; width: 42px; filter: grayscale(50%);" /> </a>
As you can see, I have managed to add the "filter: grayscale(50%)" code above, and it *does* take effect when I look at my site in my iPhone browser (where the flag icons appear in a separate column when the user presses the "hamburger icon"). However, it does *not* take effect in my Mac browser nor in my iPad browser, so I can only assume that the above module code is for mobile use only. So where in Joomla can I find the code that handles the flag icon appearance in a Mac or Ipad browser?? I have looked everywhere (menus, media, modules, plugins, you name it), but I just cannot find any resource that handles the language flag icons...
Is there anyone here that might have an idea about where I should look in Joomla in order to be able to fix my flag icons in the computer's browser? Or is it simply too deep in the code and not available through the Joomla interface (my web bureau can of course manage this, but it is too expensive to keep asking them to fix minor details like this...)?