How to change color of Language Selector

To change the color of the Language Selector, you can use these CSS code.

#1. Change the color of the language selector on All Pages

Use this CSS code

div.language-picker-content {
background-color: #f1f !important;
}

#2. Change the color of the language selector on One Page

First, use below tool to find the Page ID.

In my example, we will have:

• #collection-6673f2e18432c25013aee99f

Next, use this code to Custom CSS box

#collection-6673f2e18432c25013aee99f div.language-picker-content {
background-color: #f1f !important;
}

#3. Change the color of the language selector on the Header Scroll

Use this CSS code

header#header.shrink div.language-picker-content {
background-color: #f1f !important;
}

#4. On Desktop Only

Use this CSS code

@media screen and (min-width:768px) {
div.language-picker-content {
background-color: #f1f !important;
}
}