Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

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

Cursos Gratuitos WordPress

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

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

optimiza-automaticamente-todas-las-imagenes-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

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