Strong theme Woocommerce

Home Forums All Other Themes Strong theme Woocommerce

Viewing 8 posts - 16 through 23 (of 23 total)
  • Author
    Posts
  • #202922
    AshAsh
    Participant
    • Topics: 6
    • Replies: 37
    • Total: 43
    Member since: May 26, 2021

    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

    #202923
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29428
    • Total: 29428
    Member since: August 16, 2013

    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

    #202942
    AshAsh
    Participant
    • Topics: 6
    • Replies: 37
    • Total: 43
    Member since: May 26, 2021

    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

    #202984
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29428
    • Total: 29428
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of outline color issues?

    Regards,
    Chris

    #202990
    AshAsh
    Participant
    • Topics: 6
    • Replies: 37
    • Total: 43
    Member since: May 26, 2021

    Hi Chris,

    Please check link below:

    https://ibb.co/mHwGzVF

    Kind regards,
    Ash

    #202992
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29428
    • Total: 29428
    Member since: August 16, 2013

    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

    #202995
    AshAsh
    Participant
    • Topics: 6
    • Replies: 37
    • Total: 43
    Member since: May 26, 2021

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

    Kind regards,
    Ash

    #202996
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29428
    • Total: 29428
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

Viewing 8 posts - 16 through 23 (of 23 total)
  • You must be logged in to reply to this topic.