How to change the search form width

Created on 5 December 2024, 17 days ago

Hello,
I don't know if I should be searching to change this in the theme's css or elsewhere so I would first like to ask my question here.
I have built a Drupal 10 site and I am now in a test site evaluating the Search API module.
For the default search module the text input field fits into the second sidebar section.
But for the Search API form it is much wider.
I have attached two screenshots to show the problem.
So I need to change this in the theme's css somewhere and if so where?
Or should I seek assitance within the Search API community?
Greetings,
Rob

💬 Support request
Status

Active

Version

1.22

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

    I have been investigating this further with the limited knowledge I have. I find that when I inspect the element it refers to:

    <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/contrib/zeropoint/templates/form/input.html.twig' -->

    So I would think that I can change the attributes for the input text field in input.html.twig.
    I do however have no clue of the syntax that I should use in that file to change the size of the input text field.

    I have been searching for examples on-line but have not found anything that explains or shows examples of the syntax to use

    Help on this would be appreciated.
    Greetings,
    Rob

Production build 0.71.5 2024