Buenas tardes, quisiera modificar mi barra de busqueda de inicio, me podrian decir como?
quiero hacerlo mas grande en sentido de alargarlo mas
URL del sitio: Contenido solo visible a usuarios registrados
Ya le hice caso pero ahora esta asi y nose porque, QUIERO CAMBIAR EL TAMAÑO DE LA BARRA DE BUSQUEDA.
HACERLO MAS GRANDE PARA QUE SE VEA GRANDE NOSE SI ME ENTIENDEN,
Hola Marti.
Claro que te entendemos. Como lo tenias antes la única manera de ponerlo por encima del logo y del carro pasaba por cambiarlo de posición.
Como lo tienes ahora para hacerla mas ancha utiliza lo siguiente:
#searchform input { margin-right: -10em; min-width: 400px; }
Si quieres hacerla mas ancha utiliza esto:
#searchform input { min-height:30px; }
Por favor no escribas en mayúsculas por que da la sensación de que nos esta gritando y nones una sensación muy buena.
Un saludo
Buenas noches Señor Pepe, antes que nada pido disculpa por el mensaje mal expresado, quiero aclarar que no estaba gritando.
solo queria asegurarme que me halla entendido, pasa que no me habia dicho que lo tenia que cambiar al top para luego aplicar la modificacion correspondiente.
por ende termine pensando que no me entendian y por eso puse las mayusculas para captar mas su atencion y estar seguro de que me iban a entender..
de nuevo pido mil disculpas no era mi intencion causar irritacion o molestias,,
sldos-
PD: te pido Pepe si me podes pasar algun codigo como para darle mas altura de arriba hacia abajo o viceversa a la barra de busqueda.
si en este caso era el segundo codigo que me diste te comento que no me surge ningun efecto cuando lo coloco
de nuevo mil disculpas señor Pepe sldos
Hola Marti.
Nada no te preocupes 😉
El problema con el buscador es el botón que añadiste, si lo movemos dejara de tener su funcionalidad y si hacemos grande la caja del buscador, el botón también bajara con lo que seguras teniendo ese espacio.
Prueba añadir lo siguiente a tu archivo custom:
#searchform {
min-width:400px;
margin-right:-15em;
margin-top:15px;
}
#searchsubmit {
margin-top:-65px;
margin-left:10em;
}
No te aconsejo que realices muchos cambios y menos de posiciones, lo que ahora puedes ver bien igual en otras versiones como movil o en otros apartados de la web, dejaran de verse bien.
Un saludo
Hola Señor Pepe, buenas tardes, quisiera comentarle que eh cambiado el buscador por el buscador de woo comerce y eh puesto este codigo
#searchform input {
min-width: 400px;
margin-right: -10em;
margin-top: 0px;
min-height:30px;
}
me lo deja asi tal cual se ve mi sitio web,
quisiera saber si este buscador puede quedar asi como este sitio
compragamer.com no importa si esta con la lupa o no, la cuestion es que este asi grande como la pagina que le di
y sino se puede aplicar estos cambios con este buscador que tengo quisiera que me recomiende un plugin de barra de buscador asi de grande o que se pueda modificar como la barra de esta pagina www.compragamer.com.ar
sldos
Hola
Prueba agregando el siguiente código CSS:
#searchform input[type="search"]{ padding:20px 10px; margin-top:20px; font-size:1.1rem; } #searchform div > span{ margin-top:20px; padding:20px } #searchform div span span { color:#72bbda; }
Saludos.