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

[LiTuSs92]

La barra de búsqueda de mi blog es demasiado corta, me gustaría alargarla un poco.

¿Alguien me explica cómo se hace?

Utilizo la barra de búsqueda que viene en los widgets, y mi plantilla es la última de "Mantra".

Muchas gracias de antemano!

 

[Koletta]

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?

 

[LiTuSs92]

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?

Es que la barra es bastante más corta que el ancho de los widgets: - Descargar libros gratis en TomaLibros.NET

 

[krusty72]

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.

 

[LiTuSs92]

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.

Muchas gracias!

Tengo esto:

.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;
}

Si modifico el width y lo pongo 200 px, se hace más grande pero desaparece el OK (sólo se ve la barra). Si pongo 80% en lugar de 200 px (aumentando un 10%) pasa lo mismo, se ve más grande pero desaparece el OK.

 

[Korrosivo]

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

.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:

.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.

 

[LiTuSs92]

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

.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:

.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.

Perfecto, ahora se ve excelente 😀

Muchas gracias!!!

 

[Korrosivo]

Perfecto, ahora se ve excelente 😀

Muchas gracias!!!

Muchas de nada 😉