Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

modificar altura de mi barra de busqueda  

 
Marti Martinez
 Marti Martinez
Usuario experto

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

Citar
Respondido : 09/09/2017 7:38 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Marti.

Para lo que buscas tienes que cambiar de posición el buscador, por ejemplo seria añadirlo en la posición " Top "

Un saludo

ResponderCitar
Respondido : 09/09/2017 8:40 pm

Marti Martinez
 Marti Martinez
Usuario experto

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,

ResponderCitar
Respondido : 09/09/2017 10:21 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 10/09/2017 11:28 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 11/09/2017 4:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 11/09/2017 4:02 pm

Cursos Gratuitos WordPress

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 11/09/2017 10:50 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 11/09/2017 11:46 pm

wpdoctor-revisa-la-salud-de-tu-wordpress