Transparent background for language drop-down menu

Hello there,

Would any member please help on creating transparent background for the language menu at the header? There doesn't seem to be the option to customise this so figured might need CSS code. Thank you so much in advance!

May I also ask if anyone knows how to adjust the language toggle text size in the menu of mobile version of the site? It is very big now. Thanks so much!

Can you share your website link?

4 hours ago, Web_Solutions said:

Can you share your website link?

Yes, it is http://thegleamco.com

Thanks so much!

Hey here's the code:

.header-actions .language-picker .language-picker-content {
  background: transparent;
}

And to change the font size:

.header-menu .user-accounts-text-link, .header-menu .cart-style-text, .header-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-picker {
    font-size: 6.5vmin;
}

And adjust this value as needed!

6 hours ago, bycrawford said:

Hey here's the code:

.header-actions .language-picker .language-picker-content {
  background: transparent;
}

 

Thank you so much it worked! However, may I also ask if I can align it to the right as well? Right now it is to the left.

Tried text-align: right but didn't work. Thanks again!

For the mobile version text font size, code also worked! Is there a way to make the globe logo smaller as well... Thank you!

3 hours ago, bycrawford said:

Hey Tiffany,

To shrink the globe icon, use this code (and adjust as needed):

.icon--lg {
    width: 14px;
    height: 14px;
}

Then to align right, use this code:

.language-picker-content a { 

  display: block !important;
  text-align: right !important
  
}

 

Thank you so much Sam! Everything worked! Lifesaver!

Just wanted to say thanks to OP and Bycrawford for this post- only reason it took me as long as it did was I kept putting it in the code injector instead of the custom .css box. I think my brain is telling me I've done enough. Thanks again and goodnight!