Language Switcher Widget Button - by rj - on WordPress WooCommerce support

Solved5 replies2 participantsUpdated by Rose Tyler

  • Avatar: FastFormations
    rj
    Participant

    Hi
    Sorry for re-posting as I have not yet received any response on my last post. Below is my request:

    I have placed the language switcher widget in custom-area-1
    Can you please give me CSS code to keep the look and style same as your demo content in default xstore theme.
    Specially 4 things:
    1. Alignment
    2. drowpdown box animation (slide up) same as it is on any other dropbox on the website e.g. search, menu, login etc.)
    3. Padding of the dropbox as its slightly above the line
    4. Arrow if possible like demo

    as of now it looks likt this:
    https://prnt.sc/ucv8t9
    and on hover:
    https://prnt.sc/ucvek0

    and below is the code I have used
    .header-top .wpml-ls-legacy-dropdown a {
    background-color: transparent;
    color: #222;
    border: none;
    }
    .header-top .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    color: #888;
    opacity: .8;
    background-color: transparent;
    }
    .header-top .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: 1px solid #cdcdcd;
    background-color: white;
    width: 200px;
    padding: 6px 0px;
    }
    .header-top .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    color: #222;
    padding: 10px 15px 10px 15px;
    }
    .header-top .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
    opacity: 0.5;
    }

    Also I have put it in desktop CSS. Please let me know if it should be on global CSS.

    #250768 Copied Theme version: 7

    5 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Please provide URL and temporary wp-admin access, so we can take a closer look https://prnt.sc/udo7ib

    Regards

    #250802 Copied
    Avatar: FastFormations
    rj
    Participant

    Hi

    Details in private content area

    Thanks

    Please contact administrator
    for this information.
    #250895 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hi,

    Please check now. We’ve added custom CSS code.

    Regards

    #250945 Copied
    Avatar: FastFormations
    rj
    Participant

    Hi Rose

    Amazing thanks alot! Two things:

    1. Can we change the style of scroll bar? it looks like old “windows 95” style and does not match with our lovely theme or can we show the languages in a box in 2-3 columns?
    2. I have multisite. On 2nd site, I have setup multi-currency widget also. Can you please add CSS for currency switcher as well matching with language switcher? I have provided the URL and admin login link in private content area.

    Please contact administrator
    for this information.
    #250952 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hi,

    Custom CSS code was added in Theme Options > Theme Custom CSS > Custom CSS for desctop.
    1. No, there is no such possibility.
    2. Add the next code also:

    .header-top .wcml-dropdown .wcml-cs-active-currency:hover>a {
    color: #222;
}
.header-top .sidebar-widget li a {
    font-size: 14px !important;
}
.header-top .wcml-dropdown a.wcml-cs-item-toggle:after {
    content: "\e905";
    font-family: "xstore-icons";
    font-size: .57em;
    margin-left: 7px;
    background: none;
    border: none;
    position: static;
    width: auto;
    height: auto;
}
.header-top ul.wcml-cs-submenu {
    animation: et-toTop 0.3s;
    display: none;
    max-height: 50vh;
    width: 200px;
    padding: .6em 0 !important;
    overflow: auto;
    background: #fff;
    border: 1px solid #e1e1e1;
}
.header-top .wcml-dropdown a.wcml-cs-item-toggle {
    padding-right: 0px;
}

    Regards

    #251140 Copied

The issue related to '‘Language Switcher Widget Button’' has been successfully resolved, and the topic is now closed for further responses