Avisos
Vaciar todo

Insertar buscador sobre imagen  

 
Pedro
 Pedro
Usuario experto

Hola,
Quiero sustituir el slider de la página de inicio por una imagen del mismo tamaño con un buscador. Por diferentes razones, el colocar la imagen como fondo no es una opción. Dado que la home de mi tema (Executive pro de Genesis) funciona con widgets, asumo que tendría que insertar el widget de buscar encima de un widget de imagen, o no se que otra opción tengo.
¿Alguna idea?
Saludos,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/04/2015 6:43 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que podrías hacer es insertar la imagen y el buscador en la misma posición, luego para que se vea uno encima de otro se haría con modificaciones CSS

Saludos

ResponderCitar
Respondido : 14/04/2015 8:26 pm

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

Pedro
 Pedro
Usuario experto

Gracias Jhon,
Si, pero ¿Como inserto un widget encima de otro widget?
Saludos,

ResponderCitar
Respondido : 14/04/2015 8:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No es posible como lo estas pensando, esto no depende de ningún plugin, es CSS y de tu theme, por eso te comenté lo primero que tienes que hacer es poner ambos en la misma posición, ver el código que se genera y luego realizar modificaciones CSS

De manera general sería a un widget ponerlo que se muestre con un position:absolute y luego con top y left posicionarlo, pero como te comenté tendrías primero que posicionar ambos para ver el código

Saludos.

ResponderCitar
Respondido : 14/04/2015 10:34 pm

Pedro
 Pedro
Usuario experto

Gracias Jhon,
Disculpa pero no entiendo que quieres decir con "la misma posición" ¿Uno debajo de otro?
Saludos,

ResponderCitar
Respondido : 14/04/2015 11:21 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Pedro!

En el widget donde estaba el slider tendrás que colocar:

1º El buscador
2º Un widget de texto HTML donde llames a la imagen con la etiqueta . Ej:

Por lo que debería salir el buscador arriba y abajo la imagen.

A partir de aquí, tendrás que designar propiedades CSS para colocarlo tal y como te comentó Jhon anteriormente con la propiedad top y left (para el buscador) en la hoja de estilo del tema.

Siempre recomendamos aplicarlo en la hoja custom css de tu tema, te aconsejamos leer:

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Para mayor información de CSS, consulta:

http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/

Saludos

ResponderCitar
Respondido : 14/04/2015 11:49 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si, tal como te dijo Rafael, uno debajo de otro, el aspecto visual de que se vea uno sobre otro es por CSS

Saludos.

ResponderCitar
Respondido : 15/04/2015 6:03 pm
Pedro
 Pedro
Usuario experto

Gracias Jhon, gracias Rafael,
La verdad es que la página de inicio de este tema es un lio ¿A que archivo deberia aplicar la edición de css? ¿style.css?
Saludos,

ResponderCitar
Respondido : 15/04/2015 9:29 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La pregunta sería , sobre que imagen quieres poner el buscador que tienes sobre el slide?, en el caso que quieras sobre el slide, sería más complicado ya que las imágenes se suporponen por javascript, tendrías que evaluar sacar el slide y sólo poner una imagen estática

Las modificaciones CSS serían en el archivo style.css de tu theme, es decir :
wp-content/themes/executive-pro/style.css

Esto debido a que tu theme no usa gantry sino aplicarías lo que te sugierió Rafael.

Saludos.

ResponderCitar
Respondido : 15/04/2015 10:24 pm
Pedro
 Pedro
Usuario experto

Gracias Jhon,
¡Solucionado!
Si, efectivamente esa es la intención, sustituir el slider por una imagen con buscador, lo he hecho tal y como me habeis sugerido y funciona bien. La única diferencia es que en lugar de editar el style del tema he editado el style del plugin del buscador. Todo perfecto, ahora me falta poner afuncionar el buscador, pero esa es otra historia jejejee
¡¡Gracias!!

ResponderCitar
Respondido : 16/04/2015 5:24 pm

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

Julen
 Julen
Miembro Admin

Hola,

Por lo que entiendo, el problema se ha solucionado.

Para nuevas consultas, abre un nuevo hilo comentando el caso nuevo que nos planteas para poder analizar tu caso en profundidad y otros usuarios puedan encontrar más fácil la consulta que nos planteas, de esta manera mantenemos el foro ordenado.

Saludos

ResponderCitar
Respondido : 16/04/2015 5:30 pm