[Resolvido] Afastar bloco da margem.

[pedrovoltaire 0]

Boa tarde pessoal, em primeiro lugar obrigado pela ajuda.

Estou com o seguinte problema. Minha aba de busca esta ocupando muito espaço e queria deixa-la como no link abaixo.

 

http://demo.rockettheme.com/?template=syndicate

 

Meu site é http://www.painelbrasil.tv/site/ .

 

Estou mexendo nesse css que é referente ao estilo light dessa aba de busca:

#roksearch_search_str { background: #fff url(search-icon.png) 98% 50% no-repeat;border: 1px solid #333;}
#roksearch_search_str.loading {background-color: #fff;border: 1px solid #dfdfdf;}
#roksearch_results {background: #fff;border: 1px solid #dfdfdf;}
#roksearch_results a#roksearch_link {background: url(close.png) 0 0 no-repeat;}
#roksearch_results h3 {color: #444;}
#roksearch_results span {color: #888;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {background: #fff;border-bottom: 1px solid #dfdfdf;color: #666;}
#roksearch_results .roksearch_row_btm span {color: #999;}
#roksearch_results span.small {color: #666;}
#roksearch_results span.highlight {background: #999;color: #fff;}
#roksearch_results a:hover {color: #0B3768;}
#roksearch_results .roksearch_odd {background: #EFEFEF;border-bottom: 1px solid #dfdfdf;}
#roksearch_results .roksearch_even {background: #fafafa;border-bottom: 1px solid #dfdfdf;}
#roksearch_results .roksearch_odd-hover, #roksearch_results .roksearch_even-hover {background-color: #fff;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {background: url(right-arrow.png) 0 4px no-repeat;}
.results ol.list li p {color: #666;}
#roksearch_results .arrow-left {background: #e9e9e9 url(left-arrow.png) 50% 50% no-repeat;;border: 1px solid #d9d9d9;}
#roksearch_results .arrow-left-disabled {background: #fefefe;border: 1px solid #e9e9e9;}
#roksearch_results .arrow-right {background: #e9e9e9 url(right-arrow.png) 50% 50% no-repeat;border: 1px solid #d9d9d9;}
#roksearch_results .arrow-right-disabled {background: #fefefe;border: 1px solid #e9e9e9;}
form.search_result .inputbox {border: 1px solid #dfdfdf;}
fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 1px solid #dfdfdf;}
#roksearch_results .rokajaxsearch-overlay {background-color: #fff;}

[pedrovoltaire 0]

Galera consegui!!!

 

Olhei no formulário e tinha uma classe chamada "rokajaxsearch".

Então coloquei ela acima de todas as outras no css e criei padding e width pra ela.

 

 

#rokajaxsearch {padding:4px 4px 4px 4px; width:210px;}

 

 

Valeu!!!