Button and Search block

  • Resolved Etienne ROSENSTIEHL

    (@etienne-r-2)


    1 week, 3 days ago

    The search block doesn’t seem to be using the button settings. I reduced the radius to 3px for buttons and it works everywhere else. The design of the search block is far from the rest. How could I customize it? I don’t find enough options in the editor / style / blocks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Carolina Nymark

    (@poena)

    1 week, 1 day ago

    Hi

    The theme specifically sets the border radius on the search submit button in the code (in theme.json).
    You can only change it with CSS, WordPress does not have a setting for changing the button in the search form.

    Go to Appearance > Editor > Styles
    Select Blocks, then, find and open the Search block. Open the Advanced panel.
    There you will find the Additional CSS field.
    You will see some CSS that is already placed there, don’t touch it. It is for the input field, not the button.
    Below that CSS; add:

    & .wp-block-search__button{border-radius:3px !important}

    Don’t forget the &, or it will not work.
    Save.

    Thread Starter Etienne ROSENSTIEHL

    (@etienne-r-2)

    1 week, 1 day ago

    Thank you very much. I can deal with your solution and customise it.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Tags