Solved

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

arkeytekt
Visitor
2 0 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.

Accepted Solution (1)

suyash1
Shopify Partner
9078 1129 1479

This is an accepted solution.

@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

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
9078 1129 1479

This is an accepted solution.

@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

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
arkeytekt
Visitor
2 0 1

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

suyash1
Shopify Partner
9078 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
VibezAgency
Visitor
1 0 0

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

suyash1
Shopify Partner
9078 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI