Return to previous page

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

This topic has 6 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Rose Tyler

rj

Participant

September 8, 2020 at 09:59

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

Rose Tyler

Support staff

September 8, 2020 at 14:41

Hello,

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

Regards

#250802 Copied

rj

Participant

September 9, 2020 at 10:25

Hi

Details in private content area

Thanks

Please contact administrator
for this information.

#250895 Copied

Rose Tyler

Support staff

September 9, 2020 at 15:12

Hi,

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

Regards

#250945 Copied

rj

Participant

September 9, 2020 at 15:37

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
Rose Tyler

Support staff

September 11, 2020 at 12:22
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
Viewing 6 results - 1 through 6 (of 6 total)