Return to previous page

Edit WPML currency and language switcher to look like in the demo-electronics

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

adyk666

Participant

March 27, 2018 at 09:22

Hi,

I installed WPML, it works fine for now, but it is possible to change the switchers to look like in your electronics demo?

Thanks.

#189341 Copied

1 Answer

Rose Tyler

Support staff

March 27, 2018 at 10:11

Hello,

You need to use custom css code, for example, add this code in Theme Options > Styling > Custom css:

.top-bar.topbar-color-white a {
    background-color:  transparent !important;
    border: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .wcml-dropdown .wcml-cs-submenu {
    background-color:  white;
    width: 180px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a {
    color: #999999;
    margin-left: 20px;
}
.wpml-ls-legacy-dropdown:hover a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    opacity: 0.4;
    color:  white;
}

Regards

#189351 Copied