[CYS Woo Express] Search bar

[verofasulo]

There are issues with the search bar when the background is not white.

Also, please align the style of the search bar in the header and in the footer—we currently have 2 different styles.

[nefeline]

@verofasulo can you please clarify a few things here?

There are issues with the search bar when the background is not white.

Can you please confirm the expected outcome here? Should the background color within the search bar match the one selected in the pattern assembler?

Also, please align the style of the search bar in the header and in the footer—we currently have 2 different styles.

Which one of the styles do you want to preserve: the one we have for the header or the footer? It would be great if you could provide us with an updated design so we can have a reference.

[verofasulo]

Hey @nefeline!

Which one of the styles do you want to preserve: the one we have for the header or the footer?

In the designs, there's no inconsistency—this is the search bar's style adopted everywhere:

The following are all the headers and footers implemented in the assembler and they all share the same search bar:

• Essential header
• Minimal header
• Large header
• Centered header menu with search
• Footer with simple menu and cart
• Footer with 3 menus
• Large footer

Can you please confirm the expected outcome here? Should the background color within the search bar match the one selected in the pattern assembler?

In Jarek's design, I can see there's no fill—So I would expect not to have the white background 😊

[gigitux]

Hey, @verofasulo

In Jarek's design, I can see there's no fill—So I would expect not to have the white background 😊

It is not possible to change the background of the input field: WordPress/gutenberg#44671

Also, please align the style of the search bar in the header and in the footer—we currently have 2 different styles.

Could you expand this? The only difference that I see is the label:

[verofasulo]

It is not possible to change the background of the input field: WordPress/gutenberg#44671

Thanks, Luigi. Let's go with the white background, then.

Could you expand this? The only difference that I see is the label:

• Some headers have this style, with no space between the input field and the search button.
• The border-radius is different. Sometimes it's 0px, sometimes 2px (it looks like this). It's not something inherited by the theme.
• And yes, the label—could we use Search everywhere, please?

[verofasulo]

Addressing this comment here that came out from the last QA — The current search bar presents border-radius inconsistencies between the input field and the search button:

Please use 0px for both of the elements.

[albarin]

@verofasulo fixed here: #11514