Changing the size of the text box for searching

Created on 29 January 2025, 2 months ago

Hello,
The search box I get with Search API uses an input field with a size of 30.
The default search module uses an input field with a size of 15
So in one of my sites if I change the width of my blocks the search box does not fit. Whereas with the default search module it does fit.
Please see the attached screenshot.

How can I change the size and/or width of the search input field?
Greetings,
Rob

💬 Support request
Status

Active

Version

1.37

Component

User interface

Created by

🇳🇱Netherlands RobBNL

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @RobBNL
  • 🇳🇱Netherlands RobBNL

    Hi,
    This was solved for me within the Zeropoint theme:

    This goes into the custom-style.css:

    #sidebar-left input.form-text,
    #sidebar-right input.form-text,
    .block-search input {
    box-sizing: border-box;
    width: 100%;
    }

    I have tested this with my main site that runs Drupal 10.4 with Zeropoint 8.x-1.24 and the SearchAPI module 1.37 . When using the narrow or narrower right sidebar size the SearchAPI input text box fits into the placed block.

    So this issue is now solved

  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024