Avisos
Vaciar todo

cambiar el módulo de busqueda en plantilla AMALTEA  

 
Alfredo
 Alfredo
Usuario experto

Hola,

necesito mover el buscador a la posición marcada en la imagén, he desactivado la opción de la barra de menu, y el bloque de busqueda rápida está cargado en el hook DisplayTop, aún así no se visualiza.

despues de leer montones de post del foro creo que es necesario modificar el css cthemes/amaltea/css/modules/blocksearch/blocksearch.css

#search_block_top {
  padding: 25px 15px; }
  #search_block_top #searchbox {
    float: left;
    width: 100%; }
  #search_block_top .btn.button-search {
    background: #333333;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: white;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0; }
    #search_block_top .btn.button-search span {
      display: none; }
    #search_block_top .btn.button-search:before {
      content: "f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; }
    #search_block_top .btn.button-search:hover {
      color: #6f6f6f; }
  #search_block_top #search_query_top {
    display: inline;
    padding: 0 13px;
    height: 45px;
    line-height: 45px;
    background: #fbfbfb;
    margin-right: 1px; }

.ac_results {
  background: white;
  border: 1px solid #d6d4d4;
  width: 271px;
  margin-top: -1px; }
  .ac_results li {
    padding: 0 10px;
    font-weight: normal;
    color: #686666;
    font-size: 13px;
    line-height: 22px; }
    .ac_results li.ac_odd {
      background: white; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb; }

form#searchbox {
  position: relative; }
  form#searchbox label {
    color: #333333; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }

Por favor, podeis ayudarme con este cambio, lo mismo me he liado, que será lo más probable.
os pido disculpas de antemano.

URL del sitio: Contenido solo visible a usuarios registrados

El bloque de busqueda rápida, también está en el hook, displayHeader.

Citar
Respondido : 17/03/2015 7:59 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que sucede es que el buscador que esta actaulmente es parte del menú, busca el módulo de menú y desactiva la funcion de buscar

Luego agrega un nuevo modulo de búsqueda en la misma posición en donde esta el carrito de compra es posible que el theme se vea mal pero veremos si se puede posicionar correctamente

Sin embargo de manera general te sugiero dejarlo con el módulo de busqueda que tienes ya que lo veo correctamente

Saludos.

ResponderCitar
Respondido : 17/03/2015 9:11 pm

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

Alfredo
 Alfredo
Usuario experto

El bloque de busqueda rápida ya está en la posición, que sugieres, displaytop y displayheader, he desactivado la barra de busqueda, pero sigue sin aparecer.

el tema es que pienso añadir nuevas categorias en la barra del menú, y veo sitio disponible encima.

ResponderCitar
Respondido : 17/03/2015 9:26 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba displayheader, es decir la misma posición en donde estan tus otros módulos
También puedes ponerlo en la posición displaynav, en este caso ponlo antes que el menú.

Saludos

ResponderCitar
Respondido : 17/03/2015 9:46 pm

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

Alfredo
 Alfredo
Usuario experto

Hola, como comentaba el modulo está en displayheader, displaytop y ahora en displaynav, sigue sin verse,

He desactivado el modulo contentbox, pero sigue sin visualizarse la barra de busqueda.

salvo el css, no se me ocurre nada más , todo esto ya lo he probado.

ResponderCitar
Respondido : 17/03/2015 10:02 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Alfredo!

El problema de por qué no se visualiza en tu página el buscador es debido a que en la caché del sitio la clase search_block_top tiene la propiedad display con el atributo none.

Prueba a vaciar la caché del sitio y en el caso de que no aparezca coloca:

#search_block_top {
display: inline !important;
}

Con esto, debe aparecer el navegador arriba tal y como marcas en la imagen.

Saludos

ResponderCitar
Respondido : 17/03/2015 10:34 pm

Cursos Gratuitos WordPress

Alfredo
 Alfredo
Usuario experto

Hola,

hay que modificar entonces el archivo themes/amaltea/css/modules/blocksearch/blocksearch.css

en alguna posición en concreto, o con añadir la linea es suficiente.

gracias

ResponderCitar
Respondido : 18/03/2015 11:42 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Añade la nueva línea al final del archivo blocksearch.css. Así te aseguras de que el estilo se aplica en último lugar.

ResponderCitar
Respondido : 18/03/2015 3:27 pm

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

Alfredo
 Alfredo
Usuario experto

Hola, perfecto, ahora ya tenemos el bloque en su posición.

Podriais ayudarme a ajustarlo, el tamaño y la posición no es muy correcta.

he estado probando con firebug, pero me falta mucho rodaje.

la altura tanto de la caja como del botón de busqueda 32px y si podemos darle más longitud, mejor

la distancia entre el módulo superior y el inferior lo minimo posible, si es 10px o menos.

muchas gracias de antemano por el excelente soporte.

ResponderCitar
Respondido : 18/03/2015 4:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes hacer las modificaciones con CSS, por ejemplo ubica el archivo
/themes/Amaltea/css/customuser.css

Agrega código CSS por ejempo para el tamaño del boton de busqueda y alineación ya que no se puede centrar se simula con un margen izquierdo:

#search_block_top .btn.button-search::before{
	font-size:14px;
}

#search_block_top{
	margin-left:150px;
}

Saludos.

ResponderCitar
Respondido : 18/03/2015 5:15 pm

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

Alfredo
 Alfredo
Usuario experto

Muchas gracias,

es posible ajustar el tamaño tanto de la caja de busqueda como el botón, a 32px?

y también ajustar los espacios entre el contentbox y la barra de menu, para que quede lo más ajustado posible.

gracias de nuevo. 🙂

ResponderCitar
Respondido : 18/03/2015 5:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente no se visualiza la búsqueda, te sugiero no hacer muchos cambios en esto, con lo que te he pasado ya se ve correctamente, compruebalo tambien en movil y verifica si se ve bien

Saludos.

ResponderCitar
Respondido : 18/03/2015 6:18 pm

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

Alfredo
 Alfredo
Usuario experto

No entiendo, yo lo veo perfectamente, unicamente, como te comentaba, como veo mucha separación respecto a la barra de menu y al modulo superior. me gustaria ajustarlo un poco, pero sin conocer css no me atrevo a cambiarlo.

ResponderCitar
Respondido : 18/03/2015 7:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ok, lo tenía ne cache de navegador por eso no lo visualizaba

Según lo que entiendo quieres q no exista tanta separación entre el menú y la búsqueda , ubica el archivo

/themes/Amaltea/css/customuser.css

Agrega el código, puedes cambiar 10px por otro valor , también puedes usar especificamente padding-bottom:10px;

#search_block_top{
	padding:10px;
}

Saludos.

ResponderCitar
Respondido : 18/03/2015 8:21 pm

Cursos Gratuitos WordPress