Problems creating a thick search form

[Takeshi]

Takeshi

December 29, 2016 at 2:43 am

Hi,

Like most other FAQ pages, i am trying to create a thick search form, to make it prominent to users. However, in the process of it, the alignment within the search form seem have misaligned. i have formatted the search form using the below. Please advise what will be the ideal code I should be using.

.widget .form-search{
height: 50px;
max-width: none;
font-size: 30px;
margin: 0 auto;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #353535;
}

.form-search .search-query {
height: 45px;
font-size: 20px;
}

In addition to this, i am wondering if i can create a search form to search for contents within a post (something similar to clicking ctrl+F)? It will be great if you can help me on this too.

Thanks!