Edit default Search Widget to stretch all the way across screen

changes to the formatting is usually done via CSS either in a child theme or with a ‘custom CSS’ plugin.

the size of the search box is either defined in your theme or done with the default browser values.

to get some specific suggestions on how to do this in your site, please post a link, as formatting depends on the existing theme.

Hello Zferrel,

Could you send me your URL, so I can check what you mean, and check your elements ?

Greetings,
Adil

Yes it is https://www.bingomobile.us

I have a “Coming Soon” plugin installed so let me go take it off of maintenance mode real quick and then you should be able to get in.

It is now disabled. If you look at the search form right underneath the slider on the homepage, It is to the left, but I would like it to stretch all the way across, if it is possible. I was checking out the css but I’m really not sure exactly how I would do it.

I also should probably mention that I am using a plugin that allows me to turn widgets into a shortcode and use them anywhere on my site, not just in sidebars. Not sure if that will change anything, but I thought I should probably let you know anyways.

Okay it’s really simple.

Go to your Style.css

Go to line: 88
and add:
width: 40px;

It will look like this after you’ve done that:

input[type="submit"] {
box-sizing: content-box;
-moz-box-sizing: content-box;
cursor: pointer;
-webkit-appearance: none;
width: 40px;
}

Now go to line: 232
And add:
width: 1000px;
This will look like this :

input, textarea {
background: #f9f9f9;
border: 1px solid #d9d9d9;
padding: 7px 14px;
outline: 0;
font-size: 13px;
color: #a6a6a6;
width: 1000px;
}

Greetings,
Adil

Very simple! Haha thanks so much. I appreciate your time!

No problem, mate!