¿Cómo alargar la barra de búsqueda en mi blog?

Koletta dijo:

Supongo que en los archivos se tiene que poder variar el widgets solo que si la haces mas grande que la barra lateral se va a salir o descolocar al resto, no?

Hacer clic para expandir...

krusty72 dijo:

En tu css busca un algo así #searchform ahí están las propiedades.

modifica el width:250px; (o incluso 300px) y en el padding-left:5px; agrega eso.

Hacer clic para expandir...

.widget_search #s, #search #s {/* This keeps the search inputs in line This is the Sidebar Search*/
width:70% ;display:block;float:left;
margin-bottom:20px;
padding-top:6px;
padding-bottom:4px;
padding-left:5px;
margin-left:10%;
border-radius:10px 0 0 0 ;
-moz-border-radius:10px 0 0 0 ;
-webkit-border-radius:10px 0 0 0 ;
font-family:Arial !important;
font-size:14px;
}

Hacer clic para expandir...

Korrosivo dijo:

Reemplaza en la línea 1688 del Style.css:

Insertar CODE, HTML o PHP:

.widget_search #s, #search #s  {/* This keeps the search inputs in line This is the Sidebar Search*/
width: 165px;
display: block;
float: left;
margin-bottom: 20px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 5px;
border-radius: 10px 0 0 0;
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
font-family: Arial !important;
font-size: 14px;
}

y luego en la línea 1958:

Insertar CODE, HTML o PHP:

.widget_search #searchsubmit {
display:block;
float:left;
padding:0;
margin:0;
position:relative; 
background: #777;
border:none;
cursor:pointer;
color:#EEE;
text-shadow:0px -1px 0px #000;
-moz-text-shadow:0px -1px 0px #000;
-webkit-text-shadow:0px -1px 0px #000;
font-family:Arial !important;
width:27px;
height:28px;
font-size:12px;
font-family:Arial;
}

Te he quitado "mierda" de ambas clases. Pruébalo y me dices.

Hacer clic para expandir...

LiTuSs92 dijo:

Perfecto, ahora se ve excelente 😀

Muchas gracias!!!

Hacer clic para expandir...