Cambiar apariencia módulo de pago tarjeta  

Hola Laura :woohoo: :woohoo:

Amiga, por favor abre la web para que lo revisemos 😉

Un saludo

Buenos días Pepe,
Cómo va todo? Encantada de hablar contigo!!
Ya he acticado la web, necesitas algo más?¿ 😀

Hola Laura.

Lo primero que tienes que realizar es sustituir el icono de la imagen ya que es con un tamaño de 32x32 y si lo haces mas garnde se distorsionara.

.- Accede a modules/addonpayments
.- Sustituye la imagen logo.png por otra con un tamaño de 128x128

Lo siguiente es modificar los estilos de CSS

.- Añade lo siguiente a tu archivo de estilos, no se cual es ya que te carga en cache pero tendras algun archivo con el nombre customuser.css o style.css.

p.payment_module img {
    width: 128px;
    height: auto;
} 

Un saludo

Muchas gracias Pepe, voy a por ello!! :cheer:

Hola Laura.

Dejo el hilo en espera por si necesita retomarlo.

Un saludo

Hola Pepe!
Bueno, he podido cambiar la imagen y he intentado modificar el archivo css pero el resultado no ha sido el esperado. Tampoco sé como hacer que el fondo del recuadro sea blanco, ni como poner en gris el texto entre parentesis o insertar la flechita que aparece en el módulo superiro. En el inspector de elementos puedo ver el código y veo los cambios que podría hacer pero no sé como acceder al mismo. Cómo sigo?¿ :cheer:

Ah, se me olvidava!!
Este es el único archivo css que encuentro en la carpeta de addons!! :blush:

Hola

Para poder ayudarte necesitas quitar el mantenimiento de tu sitio, necesitamos ver el código que se genera y revisarlo con el inspector de código.

Envíanos además un usuario registrado para hacer un pedido de prueba en caso de ser necesario.

Saludos.

Hola Jhon!! Perdona mi demora en responder, he tenido la tarde liada!! 😛
Ya he activado la tienda y aquí tienes un usuario para que puedas realizar las comprobaciones que necesites!!

Contenido solo visible a usuarios registrados

Y muchas gracias de nuevo por tu ayuda!!
Saludos :cheer:

Hola,

Verifico que tienes comprimido los ficheros, seria recomendable que desactives la compresión CSS para revisarlo de mejor forma.

Buenos días, Jhonny!! :cheer:

No entiendo a qué te refieres con desactivar la compresión CSS :huh:
Si te refieres al archivo que os he subido, no puedo hacerlo de otra forma ya que el foro me obliga a comprimirlo antes de subirlo.

Muchas gracias por tu tiempo!!

Hola Laura.

Veo que tienes la misma imagen, por favor cambia la imagen por una con un tamaño de 128x128 y lo revisamos.

Un saludo

Buenos días Pepe!! :cheer:
Uummm, pués no sé por qué ves esta imágen...
La cambié ayer por la de 128 x 128 y es la que sigue vigente :huh:
De todas maneras se ve pequeña igual, como te adjunto en captura de pantalla.
Cuando inserto el código css que me enviaste sí que cambia de tamaño pero se ve cómo la captura de pantalla que te mandé en el otro mensaje.

Hola Laura.

Ok, cosas de mi cache.

Edita el archivo global.css que encontraras en themes/tuplantilla/css y añade lo siguiente:

.payment_module img {
  width: 64px!important;;
  height: auto!important;;
}
.payment_module {
  background-color: #fbfbfb;
  display: block;
}
@media (min-width:980px){
	#HOOK_PAYMENT .col-xs-12 , 
	#HOOK_PAYMENT > .payment_module{
		width : 100%;
	}	
}

Un saludo