[Resolved] background color for widget

Problem:
The client is using WPML on their website and wants to make the background color of the language switcher widget in the header completely transparent. Additionally, they want only the current language to appear transparent while the dropdown menu displays in a chosen color.
Solution:
We recommended adding specific CSS to the custom CSS section of the theme to achieve this. To make the background color of the language switcher widget transparent, use the following CSS:

.wpml-ls-sidebars-header_right.wpml-ls-legacy-dropdown, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{ background: transparent !important; }

.wpml-ls-sidebars-header_right.wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { border: none !important; }

To apply a white background color to the dropdown menu, add this CSS:

.wpml-ls-sidebars-header_right .wpml-ls-sub-menu { background: #fff !important; }

You can change '#fff' to any color as per your preference. For more details on customizing the language switcher, visit how to fix styling and CSS issues for the language switchers.
If this solution does not fully address your issue or seems outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If further assistance is needed, please open a new support ticket.