Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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!

    #455470

    Hey mxshi!

    it’s possible, but out of our support scope. Please hire a freelancer for this job.

    Regards,
    Andy

    #455695

    Ok, 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!

    #456064

    Hey!

    Please see – https://kriesi.at/support/topic/wpml-12/#post-374726

    Cheers!
    Yigit

    #456466

    Hi,
    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=0

    #456729

    Hey!

    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,
    Yigit

    #456971

    Hi,
    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.

    #456973

    Oh, 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”?

    #457371

    Hey!

    I have changed English version for you. You can edit it in WPML > Site Language > Edit Languages and change under “Translation (English)”

    Best regards,
    Yigit

    #457596

    Great! 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.

    #457674

    Hey!

    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,
    Rikard

    #466808

    Hi,
    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.
    #466814

    Hi!

    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/customization

    Let us know if we could do anything else, regarding our theme

    Best regards,
    Basilis

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Styling the WPML language switcher’ is closed to new replies.