Avisos
Vaciar todo

Imagen superpuesta sobre texto

10 Respuestas
4 Usuarios
0 Reactions
1,015 Visitas
Respuestas: 560
Honorable Member
Topic starter
 

Hola,
Tengo el boton del carro dela compra FINALIZAR COMPRA superpuesto sobre el cuadro de envío.
Que tengo que hacer para que salga bien?
Adjunto imagen donde se ve más claro.

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 18/12/2016 10:31 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Antonio,

¿Estás utilizando algún plugin para reducir los pasos del checkout en WooCommerce en tu tema Epimeteo?

En nuestro pack Epimeteo original el comportamiento del carrito es correcto y no se superponen contenidos ni botones: Contenido solo visible a usuarios registrados

Saludos


 
Respondido : 19/12/2016 2:56 am
Respuestas: 560
Honorable Member
Topic starter
 

Hola Luis,
Creo que no utilizo ningún plugin que reduzca los pasos de la compra.
No se porque motivo se superpone.

Saludos


 
Respondido : 20/12/2016 10:20 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

El problema de la superposición se puede solucionar aplicando un códigos CSS en el fichero: wp-content/themes/epimeteo_wp/css/epimeteo_wp-custom.css

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
  margin: 154px 0 0;
}

 
Respondido : 21/12/2016 12:29 am
Respuestas: 560
Honorable Member
Topic starter
 

Hola,
Muchas gracias por tu ayuda.


 
Respondido : 21/12/2016 4:41 pm
Respuestas: 560
Honorable Member
Topic starter
 

Hola de nuevo,
he solucionado parcialmente el problema añadiendo el código CSS que me has pasado, donde me has dicho. Ahora me aparece como puedes ver en la imagen que adjunto.


 
Respondido : 21/12/2016 9:58 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

He verificado tu web pero no veo el código que te he indicado.

Prueba a insertarlo y cambia el valor de 154px por 254px.


 
Respondido : 22/12/2016 12:51 am
Respuestas: 560
Honorable Member
Topic starter
 

Hola,
Entonces estaré haciendo algo mal.
Te adjunto dos imagenes, una para que veas donde puse el código y otra donde se ve el error actual

Gracias


 
Respondido : 22/12/2016 6:47 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Elimina el código anterior, es posible que sea debido a los elementos flota, por lo que podrías probar sólo agregando el siguiente código:

a.checkout-button{
	clear:both;	
}

Saludos.


 
Respondido : 22/12/2016 8:57 pm
Respuestas: 560
Honorable Member
Topic starter
 

Hola,
Ahora funciona perfectamente.

Muchas gracias


 
Respondido : 22/12/2016 10:30 pm