Solved

Can someone help regarding the font colour is it the same as my drop down box

Maze1
Tourist
12 0 2

I have tried multiple things to try changing the color of the font to black so it can visible, can someone please help and advice me. its in the sort by section.

 

URL - https://bullbits.co.uk

password - Qwerty1234!

 

I have attached a picture below if that helps

 

photo_2024-01-15_09-33-23.jpg

Accepted Solutions (2)

ThePrimeWeb
Shopify Partner
1164 302 231

This is an accepted solution.

Hey @Maze1
Ideally it's better to use #222222 or rgb(34, 34, 34) if you are to use black as a background. (That's just a suggestion).

 

To fix this issue, it's better to make the background colour of the dropdown black as well, so that it fits with the theme and you don't need to have a special text colour just for the dropdown. 

To do that you will have to edit some code, which I will provide here. 

 

Follow the instructions on the attached video, Make sure you are editing the code of the theme that you are currently working on. If you plan to change the colour next time make sure you change the 'black' to the colour you want to change it to. Hex, rgb are also accepted there. 
E.g. background-color: #222222 also works.

here is the code for you to paste, you don't need to type along with me in the video 🙂

.facet-filters__field .select__select {
background-color: black;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

ThePrimeWeb
Shopify Partner
1164 302 231

This is an accepted solution.

Hey @Maze1,

 

Sorry, small mistake.
Use the code above, but use the video below instead for instructions.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
1164 302 231

This is an accepted solution.

Hey @Maze1
Ideally it's better to use #222222 or rgb(34, 34, 34) if you are to use black as a background. (That's just a suggestion).

 

To fix this issue, it's better to make the background colour of the dropdown black as well, so that it fits with the theme and you don't need to have a special text colour just for the dropdown. 

To do that you will have to edit some code, which I will provide here. 

 

Follow the instructions on the attached video, Make sure you are editing the code of the theme that you are currently working on. If you plan to change the colour next time make sure you change the 'black' to the colour you want to change it to. Hex, rgb are also accepted there. 
E.g. background-color: #222222 also works.

here is the code for you to paste, you don't need to type along with me in the video 🙂

.facet-filters__field .select__select {
background-color: black;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
ThePrimeWeb
Shopify Partner
1164 302 231

This is an accepted solution.

Hey @Maze1,

 

Sorry, small mistake.
Use the code above, but use the video below instead for instructions.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
Maze1
Tourist
12 0 2

Thank you so much! it look much better like that pal! 

 

Much Appreciated 

ThePrimeWeb
Shopify Partner
1164 302 231

My pleasure!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com