Search section?

[zouleo 1]

I need a big search form. Is there a search section? If not, is it possible to build one?

[cmunns 16]

You need a big search form stylistically? or you need a large area/page for it...Do you have an example of what you mean?

[Sourena 2]

Maybe one of these plugins does what you need: http://wordpress.org/extend/plugins/search.php?q=+search&sort=

[zouleo 1]

@cmmuns What I need is a search section. Why? Today all I have is the small search form in the top right of the screen. I need a bigger one on my front page - just below the feature section. Shouldn't a search section be included in PlatformPro? Anyway. Is it possible to create a search section? Can you help me?

[Kate 3]

Zouleo, If you use a widget section you can drag and drop the search into there.

[zouleo 1]

That would be great. But I don't use widgets on my front page. And the search box in widget is too small. What I need is a search section. Any ideas of how to create one?

[cmunns 16]

A search section wouldn't be too difficult but it's not going to make the actual search bar itself any bigger unless you change the CSS for how the search looks. Does that make sense. So more appropriately you could probably just use a hook to add the search form and then change the css. The documentation on child theming actually has a sample of how to include a search form using a hook

[zouleo 1]

I would like to use a section, not a hook. But I guess it's not so complicated to create a section. The problem is that I'm not sure how to make the search form bigger using CSS. The default search box has an image inside of it. But I want a normal button. I want the search box to be beautiful, like the rest of the theme. And I need it to work in different browsers. Any ideas?

[zouleo 1]

Just an update. I've created a new section, based on the example. The only relevant code is this: function section_template() { get_search_form(); } In my base.css I've added: #search_section .searchfield { font-size: 20px; } The problem I'm facing is that the submit button is using an hard coded image /wp-content/themes/platformpro/images/search-btn.png". It's too small. Is it possible to change this to a normal button using CSS?

[cmunns 16]

Absolutely just copy the selectors you see from the CSS and prefix it with your unique id e.g. #search_section I believe the image is applied as a css background..or is it really a ``...? Do you have a link showing your progress?

[zouleo 1]

The image is

<input type="image" class="submit btn" name="submit" src="/wp-content/themes/platformpro/images/search-btn.png" alt="Go">

How can I modify it using CSS? I need a real button OR a larger image.

[cmunns 16]

well instead of get_search_form function you can write your own search form by modifying what is inside of the funtion ` ` This way you can link to your own image instead of the default one.