• Resolved swissspaceboy

    (@swissspaceboy)


    Hello,

    I want to add the separator | between my 3 languages in the lang switcher widget. How to do this ?

    Thanks,

    Didier.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter swissspaceboy

    (@swissspaceboy)

    Found it. You need to modify the CSS for menu-langswitcher to add separators etc.

    Ticket closed by myself.

    Can you please tell me which file you edited? I need to reduce the space between the flags, but I am not sure where to do it. Many thanks!

    Thread Starter swissspaceboy

    (@swissspaceboy)

    I did it in the additional CSS in your theme customizer (or in your style.css). I used this to add a separator and add some extra spaces:

    .lang-item {
    margin-right: 5px;
    float: left;
    list-style: none;
    }

    #menu-langswitch li { float: left; }
    #menu-langswitch li:before { content: “|”; padding: 0 .5em; }
    #menu-langswitch li:first-child:before { content: “”; padding: 0; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize language switcher’ is closed to new replies.