Fotos en slider con...
Avisos
Vaciar todo

Fotos en slider con palabras enlazadas  

 
Oscar
 Oscar
Estimable Member

Buenos dias a todos.

Como bien sabemos el las fotos slider se puede poner enlaces en la foto, pero veo que sale un fondo gris muy molesto y que ocupa mucho sitio, mi pregunta es, como se podrian poner palabra en las fotos y al mismo tiempo enlazarlas con productos?, a parte del enlace de la propia foto.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 30/10/2017 11:35 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

No veo ningún slider añadido en la pagina de inicio, si puedes añade el slider con los enlaces que comentas y lo revisaremos para ver si lo podemos modificar y que se vea bien.

Un saludo

ResponderCitar
Respondido : 30/10/2017 11:45 am

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

Oscar
 Oscar
Estimable Member

Buenas, no he añadido ninguno porque queda como muy mal, por eso.
De todos modos pongo uno de prueba, y cuanto antes lo miramos, que no quiero tenerlo mucho tiempo.

Ves donde pone "Ver Productos"?
La idea es, que la foto tiene su enlace, pero la palabra o recuadro tenga otro, incluso, que la foto quede estatica, y luego enlaces mediante palabras, no se si me explique, gracias.

ResponderCitar
Respondido : 30/10/2017 5:22 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente veo el texto de Ver Productos como parte de la imagen, entiendo que esto soluciona tu problema.

No creo que sea correcto que la imagen tenga un enlace y el texto que vas a poner tenga otro, lo mejor sería que ambos tengan el mismo enlace, si aún quieres trabajar con el texto tendrías que dejarlo activo para verificar y ver si se puede corregir por CSS.

Saludos.

ResponderCitar
Respondido : 30/10/2017 8:45 pm

Oscar
 Oscar
Estimable Member

Buenos dias, no sabia que se podia hacer mediante CSS, es es el resultado, aunque me falta y no lo encuentro.

1-Poder mover el boton al centro o derecha, lo intento en el recuadro donde lo escribo y se queda siempre a la izquierda.
2-Poder poner botones uno delante del otro, (seguidos), tambien lo intento como lo anterior y me salen siempre uno encima del otro.

Por lo que casi ya esta, la foto tiene su enlace, y los botones los suyos diferentes.
Por lo que dices de que no ves que sea correcto, probare, y si veo que tienes razon lo modifico y ya esta, gracias.

Lo que he conseguido, no se si estara bien.

#homepage-slider .homeslider-description {
background:rgba(255, 255, 255, 0.7);
border:1px solid #E5E5E5;
cursor:pointer;
margin:1px;
padding:1px;
width:20%;
zoom:1;
}
#homepage-slider .homeslider-description p {
font-size:1px;
}

ResponderCitar
Respondido : 31/10/2017 11:32 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Lo que he conseguido, no se si estara bien.
Si, perfecto 😉

Nos alegra mucho ver que probáis las cosas y descubrís vosotros las soluciones, eso quiere decir que por lo menos nuestro trabajo no se basa solo en ofrecer soluciones sino que intentamos que aprendáis.

Genial !!!! :cheer:

Un saludo

ResponderCitar
Respondido : 31/10/2017 12:05 pm

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

Oscar
 Oscar
Estimable Member

Ok, gracias, pero no me contestaste a lo que me falta, no lo encuentro y seguro sabes donde mirar....

ResponderCitar
Respondido : 31/10/2017 12:17 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Disculpa, creía que lo tenias solucionado.

¿ Que es lo que te falta ? dime exactamente que es lo quieres modificar del slider y lo revisamos en un momento 😉

Un saludo

ResponderCitar
Respondido : 31/10/2017 12:49 pm

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

Oscar
 Oscar
Estimable Member

Solo esto, que es que ya no se donde mirar mas.

1-Poder mover el boton/es al centro o derecha, lo intento en el recuadro donde lo escribo y se queda siempre a la izquierda. (como se aprecia ahora tengo dos botones)
2-Poder poner botones uno delante del otro, (seguidos), tambien lo intento como lo anterior y me salen siempre uno encima del otro.

ResponderCitar
Respondido : 31/10/2017 1:30 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Antes de empezar a trabajar con CSS, primero corrige tu archivo:
https://omcperfumes.es/themes/Amaltea/css/global.css

Al final te falta cerrar una llave

Luego que agruegues la llave al final de ese archivo prueba con el siguiente código CSS:

#homepage-slider .homeslider-description{
  bottom:0!important;
  right:0!important;  
  left:auto!important;
  top:auto!important;
}

#homepage-slider .homeslider-description p a{
  width:50%;
  float:left;
}

Saludos.

ResponderCitar
Respondido : 31/10/2017 6:11 pm

Cursos Gratuitos WordPress

Oscar
 Oscar
Estimable Member

Buenas, al final salio, pero como dice muy bien Jhon, para que ponerlo de ese modo, asi que me ha servido de experiencia y aprendizaje, pero lo voy a dejar como esta, muchas gracias...

ResponderCitar
Respondido : 03/11/2017 6:47 pm