Avisos
Vaciar todo

Cambiar de posicion el buscador del theme Cilene  

 
Ivan
 Ivan
Reputable Member

Buenas,

Me gustaria centrar la caja del buscador en el centro de la plantilla y hacerlo mas alargado el buscador.

Tambien necesito darle un poco de mas margen en la porte superior del buscador o bajarlo un poco hacia abajo porque en la version movil el logo se monta encima del buscador.

Os adjunto fotos.

Un saludo y gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/09/2016 7:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para le tema de la separacion del buscador del logo, puedes ubicar este archivo :

/themes/Cilene/css/customuser.css

Al final agrega el siguiente código CSS:

@media (max-width:990px){
  .nav{
		margin-bottom:30px;
	}
}

Este código tiene efecto a partir de 990px que es donde veo que ya se superponen.

Saludos

ResponderCitar
Respondido : 07/09/2016 10:50 pm

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

Ivan
 Ivan
Reputable Member

Buenas Jhon,

Gracias en la version movil ya se ve perfecto.

Se podria poner el buscaro en el centro de la plantilla y un poco mas largo el buscador?

Gracias y un saludo

ResponderCitar
Respondido : 07/09/2016 11:30 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan, Buenos Días.

Edita el archivo ' customuser.css ' que encontraras en ' themes/Cilene/css/customuser.css ' y añade lo siguiente:

#search_block_top #searchbox {
    float: none;
    padding: 20px;
    width: 200%;
    margin-left: 20rem;
}
#search_block_top .btn.button-search {
    top: 20px;
}
#search_block_top {
    float: none;
}

Un saludo

ResponderCitar
Respondido : 08/09/2016 10:11 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ivan
 Ivan
Reputable Member

Buenas Pepe,

Gracias era lo que necesitaba, pero tengo un problema con la version movil se ve mal.

Un saludo y gracias.

ResponderCitar
Respondido : 08/09/2016 11:14 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.
Edita el mismo archivo anterior ' customuser.css ' y añade lo siguiente:

@media (max-width: 780px) {
  #search_block_top #searchbox {
 margin-left: 0px;
    width: 90%;
  }

Un saludo

ResponderCitar
Respondido : 08/09/2016 12:45 pm

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

Ivan
 Ivan
Reputable Member

Gracias Pepe,

Solucionado.

Un saludo

ResponderCitar
Respondido : 08/09/2016 1:10 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

De nada Ivan,

Es un placer poder ayudaros, compartir da vida :cheer:

Cerramos el tema.

Un saludo

ResponderCitar
Respondido : 08/09/2016 1:24 pm

Cursos Gratuitos WordPress