Strong theme Woocommerce

[Ash]

Hi Chris,

I see what you mean. When I check the mobile version through the WordPress preview it looks fine, but when I view the live site on my mobile the sorting tab is still blue, please see screenshot below:

https://ibb.co/Tg4Znjz

Kind regards,
Ash

[Forum Moderator]

Hi,

Kindly try this one:

@media screen and (max-width:767px) {
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { color:#000 !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { color:#000 !important;} 
}

Regards,
Chris

[Ash]

Hi Chris,

Thank you, that corrected the colour of the font, it’s only the outline of the button that needs to be changed now.

Kind regards,
Ash

[Forum Moderator]

Hi,

Can you send us the screenshot of outline color issues?

Regards,
Chris

[Ash]

Hi Chris,

Please check link below:

https://ibb.co/mHwGzVF

Kind regards,
Ash

[Forum Moderator]

Hi,

Kindly use this CSS to remove outline.

@media screen and (max-width:767px) {
.woocommerce .woocommerce-ordering select:focus, .woocommerce-page .woocommerce-ordering select:focus { outline:none !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .woocommerce .woocommerce-ordering select:focus, .woocommerce-page .woocommerce-ordering select:focus { outline:none !important;} 
}

Regards,
Chris

[Ash]

That fixed it – thank you of all of your help.

Kind regards,
Ash

[Forum Moderator]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Chris

[Author]

Posts