Making WordPress.org

Opened 21 months ago

Last modified 17 months ago

#6989 new defect (bug)

The text color does not contrast with the background color.

Reported by: himshekhar07's profile himshekhar07 Owned by:
Milestone: Priority: normal
Component: Swag Store (mercantile.wordpress.org) Keywords: needs-patch
Cc:

Description

On this page https://mercantile.wordpress.org/product/wp20-pinback-buttons/ in the search box, the input colour is not clear visibility due to the background colour contrast. We need to assign a white colour to the input field.

Here is the video recording with the problem and their solution:

https://share.cleanshot.com/LrSRWffxlJVXMz22FzSD

Attachments (2)

CleanShot 2023-05-16 at 15.42.35@2x.png (218.9 KB) - added by himshekhar07 21 months ago.
issue
CleanShot 2023-05-16 at 15.53.32.jpeg (698.0 KB) - added by himshekhar07 21 months ago.
After applying solution

Download all attachments as: .zip

Change History (5)

#1 @himshekhar07
21 months ago

.woocommerce form input[type=search]:focus,
.woocommerce-page form input[type=search]:focus{
     background-color: var(--wp--preset--color--base);
}

@himshekhar07
21 months ago

After applying solution

#2 @dd32
21 months ago

  • Component changed from WordPress.org Site to Swag Store (mercantile.wordpress.org)

#3 @devinmaeztri
17 months ago

The following pages are affected by the issue:

The following pages are not affected by the issue:

It appears that the issue only affects product-category pages.

Note: See TracTickets for help on using tickets.