Avisos
Vaciar todo

Cambiar de posicion el buscador del theme Cilene

8 Respuestas
3 Usuarios
0 Reactions
736 Visitas
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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


 
Respondido : 07/09/2016 6:56 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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


 
Respondido : 07/09/2016 9:50 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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


 
Respondido : 07/09/2016 10:30 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 08/09/2016 9:11 am
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Buenas Pepe,

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

Un saludo y gracias.


 
Respondido : 08/09/2016 10:14 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 08/09/2016 11:45 am
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Gracias Pepe,

Solucionado.

Un saludo


 
Respondido : 08/09/2016 12:10 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

De nada Ivan,

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

Cerramos el tema.

Un saludo


 
Respondido : 08/09/2016 12:24 pm