Home › Forums › All Other Themes › Strong theme Woocommerce
- This topic has 22 replies, 2 voices, and was last updated 1 year, 7 months ago by
Sonl Sinha.
-
AuthorPosts
-
January 10, 2023 at 8:36 am #202922
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,
AshJanuary 10, 2023 at 10:39 am #202923Hi,
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,
ChrisJanuary 11, 2023 at 6:09 am #202942Hi 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,
AshJanuary 11, 2023 at 6:33 pm #202984Hi,
Can you send us the screenshot of outline color issues?
Regards,
ChrisJanuary 12, 2023 at 4:56 am #202990Hi Chris,
Please check link below:
https://ibb.co/mHwGzVF
Kind regards,
AshJanuary 12, 2023 at 10:09 am #202992Hi,
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,
ChrisJanuary 12, 2023 at 1:06 pm #202995That fixed it – thank you of all of your help.
Kind regards,
AshJanuary 12, 2023 at 1:24 pm #202996Hi,
If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.