[wp-trac] [WordPress Trac] #53146: Bundled Themes: More consistent styling of the search block

[WordPress Trac]

#53146: Bundled Themes: More consistent styling of the search block
---------------------------+------------------------------
 Reporter:  deborah86      |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.7.1
 Severity:  normal         |  Resolution:
 Keywords:  needs-design   |     Focuses:  css
---------------------------+------------------------------

Old description:

> The search block is missing styling from the theme. The search widget in
> the footer has the styles in the stylesheet. The search block used on
> pages and posts does not have styles.
>
> The unstyled attributes are:
>
> .wp-block-search
> .wp-block-search__input
> .wp-block-search__button svg
>
> Image of the search block on a page vs the search bar widget in the
> footer.
> [[Image(https://t2.dhostingsites.com/wp-
> content/uploads/2021/05/Screenshot-2021-05-03-5.36.53-PM-e1620088694646.png)]]
> [https://t2.dhostingsites.com/search-block-doesnt-have-styles/]

New description:

 The search block is missing styling from the theme. The search widget in
 the footer has the styles in the stylesheet. The search block used on
 pages and posts does not have styles.

 The unstyled attributes are:

 {{{
 .wp-block-search
 .wp-block-search__input
 .wp-block-search__button svg
 }}}

 Image of the search block on a page vs the search bar widget in the
 footer.
 [https://t2.dhostingsites.com/wp-
 content/uploads/2021/05/Screenshot-2021-05-03-5.36.53-PM-e1620088694646.png]
 [https://t2.dhostingsites.com/search-block-doesnt-have-styles/]

--

Comment (by sabernhardt):

 Is it possible to change the block markup in the editor to match the
 searchform.php markup for themes like Twenty Twenty? (as a block option)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/53146#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform