Change color of Translation Lab language code in header (Brooklyn Theme)

Store Design
1

Hello,

Does anybody know how to change the color of the current language code text (Translation Lab language switcher) in the header menu on my site? Currently, language code and chevron are displayed in white and I want it to be black like the rest of the header navigation.
Is it also possible to make the dropdown part of the switcher transparent instead of white?

I made many other adjustments with CSS, but I can’t get this one right.

2

@arkeytekt - add given css to the end of timber.scss file and check, should be like screenshot

.translation-lab-language-switcher .language-code {color: #000 !important;}

.header-wrapper--transparent .translation-lab-dropdown:after{border-color: #000 !important;}

.translation-lab-language-options{background-color: transparent !important;}

suyash1_0-1631861780299.png
suyash1_0-1631861780299.png1366×768 178 KB

3

Thank you @suyash1 ! You were blazingly fast and very helpful! :raising_hands:

1 Like
4

@arkeytekt - welcome, if you need anything later then you can message here or email me on email given below

1 Like
5

I have the same problem on Venture theme… Help please.

6

@VibezAgency - hello, what color change do you want? can you please share your page link?