Help about changed color language switcher

Solved

Help about changed color language switcher

Leon0125
Excursionist
13 0 8

Hi everyone, I would like to be able to put the language labels in bold white and be able to change the background of the selector curtain from black to transparent. Thanks in advance and have a nice evening!

Screenshot 1.png

Accepted Solution (1)

B2Bridge
Explorer
362 75 91

This is an accepted solution.

Hi @Leon0125, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find component-localization-form.css file

Step 3: Paste this code at the bottom of the file

.disclosure__item {
    color: white !important;
    font-weight: bold !important;
}

.disclosure__list-wrapper {
background: transparent !important;
}

Result:

B2Bridge_0-1742179235906.png

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

 

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
7334 1989 2424

Hey @Leon0125 

 

Share your Store URL and Password if enabled.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Leon0125
Excursionist
13 0 8

B2Bridge
Explorer
362 75 91

This is an accepted solution.

Hi @Leon0125, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find component-localization-form.css file

Step 3: Paste this code at the bottom of the file

.disclosure__item {
    color: white !important;
    font-weight: bold !important;
}

.disclosure__list-wrapper {
background: transparent !important;
}

Result:

B2Bridge_0-1742179235906.png

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

 

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

Leon0125
Excursionist
13 0 8

Perfect. Thanks really, that's what I was looking for. One last thing if I don't mind: what if I wanted the language tags in bold in the dropdown too?

Rahul_dhiman
Shopify Partner
805 154 169

Hello @Leon0125 

Go to online store ----> themes ----> actions ----> edit code ----> assets ----> ocmponent-localization-form.css
add this code at the end of the file and save.

.disclosure__link:hover {
background-color: #d77339 !important;
}

Result
31.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

Leon0125
Excursionist
13 0 8

Thanks a lot for the help but I wanted it transparent, as shown to me by B2Bridge above. Thanks anyway so much!