How to style search element in header…

[nhed]

Hi.

Here's a screenshot of the way things are on the site now and right below is what I need it to look like.

Where can I find how to style this type of thing?

Thanks for the help guys and gals. 🙂

http://join-ed.com

[nhed]

What can we do here when we encounter spam? Can someone help with this? The above reply is totally out of line.

[nhed]

Thank you whoever you are that removed the spam from this thread. I appreciate it.

Does anyone have any ideas about my question above?

Thanks.

[ewscos]

This reply has been marked as private.

[nhed]

Anyone have any ideas for me? Or can you point me in the right direction so I can get the Search function working? Thank you.

[ewscos]

Hello, I was able to set this up for my site in the genesis settings, under navigation, primary navigation extras set to Search Bar, then just remove the search widget from your right header widget. My site is at http://jimmmccord.com and we have the search enabled this way in the nav header. You may need to enable the navigation panel of settings under the Screen Options button at the top of the genesis settings page…

If you want to style the search box itself like I did and make rounded corners, that is just some custom css added to the input element. I use jetpack custom css module to do this, rather than mess with the theme’s stylesheet code.

input { border-radius: 25px;}

[Author]

Posts