Can I change my filter tags drop down list background color?

Solved
GeraldLee
Tourist
14 0 0

When I click on my Browse By list, the text is in my site's color against a background of white which makes the text difficult to see. I would like the background colour to be #000000 , with the words in #FAEBD7 and when you hover over it, turn #E16666. Please assist, thank you!

blah.pngblah.png

0 Likes

Hello GeraldLee,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
GeraldLee
Tourist
14 0 0

Hi there, my site link is barlorong13.com. Password is testtest123

 

0 Likes

@GeraldLee,

Can you please share correct url

2020-06-25_13-44_barlorong.com.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
GeraldLee
Tourist
14 0 0

Sorry, edited above.

0 Likes

@GeraldLee,

I am unable to see

2020-06-25_14-29_Bar @ Lorong 13- Home of.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
GeraldLee
Tourist
14 0 0

That's unusual, I am able to access it using other platforms on my end. Could you try opening it in another browser? The tab that I would like changed is under Shop>Spirits.

0 Likes

This is an accepted solution.

Hello GeraldLee,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.section-header__link--right select, .section-header__link--right option {
    color: #FAEBD7;
    background-color: #000000;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Rubila
New Member
4 0 0

Hi, 

I'd like to change the color of my 'Filter by' dropdown:

Rubila_0-1610705453388.png

 

Can somebody tell me how to do this? 

Theme: Simple

url: www.rubila.be

 

Thank you in advance!!

Leslie

 

0 Likes

Hello Rubila,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.collection-sorting__dropdown select#BrowseBy {
    color: red;
}


Change the color as per your choice.
Hope this will work for you.
Thanks....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes