How to edit flag icons on start page?

This forum is for general questions about extensions for Joomla! 3.x.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Jan 12, 2018 10:58 pm

How to edit flag icons on start page?

Post by Emm_W » Fri Jan 12, 2018 11:42 pm


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

<div id="select-language-bar">
		<a href="" title="Svenska"> <img alt="sv" src="" style="height: 24px; width: 42px; filter: grayscale(50%);" /> </a>
		<a href="" title="English"> <img alt="eng" src="" 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...)?
Last edited by imanickam on Sat Jan 13, 2018 5:14 am, edited 1 time in total.
Reason: Moved the topic from the forum Language - Joomla! 3.x to the forum Extensions for Joomla! 3.x

User avatar
Joomla! Master
Joomla! Master
Posts: 26821
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: How to edit flag icons on start page?

Post by imanickam » Sat Jan 13, 2018 3:42 am

From what you have described, it does not look that you are the core multilingual feature of Joomla!

Joomla does not take the flags images from external sources like wikimedia that your code is referring to. Joomla has its own set of flag images located in the directory \media\mod_languages\images and the flag images are of the type GIF.

So, you have to investigate how the code has gotten into your site.

Probably, the site in question is using an automatic translation extension and the code you have pasted clearly shows the external source from where the flag images are taken from. Alternatively, the template that is being used may have this code built-in or an extension bundled with it.

In these situations, it hard to even predict without the actual site being seen. It is like shooting in the dark. Please provide the URL of your site so that others can see what could be happening and offer suggestions.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Global Moderators Team | Translations Coordination Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

Post Reply

Return to “Extensions for Joomla! 3.x”