dropdown icon color – on variable products

[wtflovelife]

Hi! Just a quick one about color. There is a small arrow to the fight of the drop-down variable item for size that is a very light grey. How can I change this color? I can’t find it in the inspector. Thanks!

[Kyle – SUPPORT]

Hi

Unfortunately it’s an image, therefore it’s not possible to change the colour

– Kyle

[buckie]

Hi,

Sorry for posting here, but since it’s about the same thing… 😉
There is no image to be seen in Firefox (Mac).
It does show when using Safari.

Any ideas on how to fix that?

Regards,
Buckie

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us a screenshot and the url of that page?
Thanks

-Rui

[buckie]

This is your site for example.
http://swiftideas.com/product/achilles-low/

Buckie

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

can you try to add this code.

.browser-ff select{
    background-image: -moz-element!important;
}

Let us know if it worked.

-Rui

[buckie]

Hi Rui,

No effect, sorry.

Buckie.

[Rui Guerreiro – SUPPORT]

@buckie

It worked for me when I replaced it in Firefox inspector. Can you provide me access to your site in a private reply? Need to check it

thanks

-Rui

[buckie]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

It seems that rule is not taking effect. Do you have CDN caching the css or something?

Can you try to replace it directly to see if it works inside the main.css

replace this

.browser-ff select, .browser-ie select, .browser-ie10 select {
	background-image: none;
}

by this

.browser-ff select {
	background-image: linear-gradient;
}
.browser-ie select, .browser-ie10 select {
	background-image: none;
}

-Rui

[buckie]

Hi Rui,

Sorry, doesn’t work either after clearing cache…
It works when I replace it also in Firefox Inspector.

Can you see if it worked in FF? Maybe it takes time before any differences show up after editing the css.

Buckie

Edit: I placed the code also in my child theme css through wordpress editor. No difference here also.

[Rui Guerreiro – SUPPORT]

Can you try to edit again the main.css ?
I disable the minified stylesheet in the Theme options.

-Rui

[buckie]

Yes, it works!!
What to do now with the minified stylesheet?

Buckie

[Rui Guerreiro – SUPPORT]

Great. Will check with our Head developer, if that css is included in our next update we will also update the minified version.

-Rui

[buckie]

Thank you Rui!!