-
AuthorPosts
-
June 5, 2015 at 11:56 am #455053
Hi,
I edited functions.php to hide Enfold’s language flags and am now using the WPML language menu in my main menu. I want to ask if it’s possible to style the language switcher in this way: https://www.dropbox.com/s/rmxcxswu7dnsigp/Screen%20Shot%202015-06-05%20at%205.47.48%20PM.png?dl=0 using CSS?Thanks!
June 6, 2015 at 12:53 pm #455470Hey mxshi!
it’s possible, but out of our support scope. Please hire a freelancer for this job.
Regards,
AndyJune 8, 2015 at 4:41 am #455695Ok, no problem. In that case, can you help me with showing the language menu as a drop down? I’ve got it selected as a drop down menu in WPML settings but it’s not displaying like that on my menubar.
Oh, and I wonder if you could also tell me how to change the name of the languages to EN and IT instead of English and Italian.
Thanks!June 8, 2015 at 1:27 pm #456064June 9, 2015 at 7:09 am #456466Hi,
I’ve edited functions.php, and chose “Display the language switcher in the WP Menu” but the language switcher is still showing like this: https://www.dropbox.com/s/q3pc45h9moa069c/Screen%20Shot%202015-06-09%20at%201.05.29%20PM.png?dl=0June 9, 2015 at 2:33 pm #456729Hey!
Please review your website now.
If you would like to remove flag, please add following code to Quick CSS in Enfold theme options under General Styling tab.menu-item-language img.iclflag { display: none; }
Regards,
YigitJune 10, 2015 at 4:37 am #456971Hi,
Sorry, maybe I’m not being clear. I’d like to have the languages as a drop-down menu on the main menu bar. I don’t know why I can’t? I’ve checked the option in WPML settings already.June 10, 2015 at 4:49 am #456973Oh, it suddenly started working! Thanks for the help.
Can I ask one more question, can you tell me how to change the language names from “English” to something like “EN”?June 10, 2015 at 5:02 pm #457371Hey!
I have changed English version for you. You can edit it in WPML > Site Language > Edit Languages and change under “Translation (English)”
Best regards,
YigitJune 11, 2015 at 4:50 am #457596Great! Thanks.
Final question – if I want to change the CSS for the language selector (font weight, colors, etc) where should I put the code? In the quick CSS or WPML’s CSS? I’d like to reduce the margin between the two languages and make the active language bold.June 11, 2015 at 9:30 am #457674Hey!
I think it should work either way, just make sure to use the !important statement at the end of your CSS to override the default styles.
Best regards,
RikardJuly 1, 2015 at 8:28 am #466808Hi,
I’ve been trying to customize the language switcher and it seems like whatever I put inside li.menu-item-language-current a applies to the whole language switcher, not just the current language.I would also like to add a background color behind the whole language switcher section, but right now nothing happens when I put the code into menu-item-language a
Any help with this?
Here is my CSS:
menu-item-language a { font-weight: normal !important; background-color: #eee !important; } li.menu-item-language-current a { font-weight: bold !important; padding: 0px !important; margin-left: 10px !important; }
Thanks in advance!
- This reply was modified 9 years, 5 months ago by mxshi.
July 1, 2015 at 8:46 am #466814Hi!
Everything is possible, but that would need a lot of work to be done.
You can contact one of our Customization Contractors, who will help you out with the process.
http://kriesi.at/contact/customizationLet us know if we could do anything else, regarding our theme
Best regards,
Basilis -
AuthorPosts
- The topic ‘Styling the WPML language switcher’ is closed to new replies.