Editar Iconos formas de pago

[kepaisa]

Buenas a todos.

 

Tengo un pequeño problema al cual no encuentro respuesta despues de rebuscar por el foro. Quiero cambiar los iconos de mis formas de pago por otros que no sean los que trae por defecto el prestashop.

 

(adjunto imagen.)

 

Donde se hace esto?

Gracias.

[nadie]

Buenas a todos.

 

Tengo un pequeño problema al cual no encuentro respuesta despues de rebuscar por el foro. Quiero cambiar los iconos de mis formas de pago por otros que no sean los que trae por defecto el prestashop.

 

(adjunto imagen.)

 

Donde se hace esto?

Gracias.

Icono módulo Transferencia Bancaria en Prestashop 1.6

 

Adjunto Captura

 

 

Esa imagen esta alojada en:

/themes/default-bootstrap/img/bankwire.png

Esto lo puedes saber porque por ejemplo en Chrome, al hacer "Inspeccionar Elemento" en Chrome, ves que hace una referencia en el fichero:

/themes/default-bootstrap/css/global.css

Aqui:

p.payment_module a.bankwire {
    background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb;
}

[kepaisa]

 

Icono módulo Transferencia Bancaria en Prestashop 1.6

 

Adjunto Captura

 

 

Esa imagen esta alojada en:

/themes/default-bootstrap/img/bankwire.png

Esto lo puedes saber porque por ejemplo en Chrome, al hacer "Inspeccionar Elemento" en Chrome, ves que hace una referencia en el fichero:

/themes/default-bootstrap/css/global.css

Aqui:

p.payment_module a.bankwire {
    background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb;
}

Vale, esta la he encontrado, y como hago para cambiar estos iconos?. Tengo que sustituir mi imagen en el fichero renombrandolo igual para que lo reconozca el

Edited January 26, 2017 by kepaisa (see edit history)

[kepaisa]

Ya he conseguido llevar mis logos al bankwire por la ruta que me habias dicho. Ahora tengo otra duda que no se resolver. quiero o bien desplazar el icono hacia la derecha o el texto a la izquierda. Al utilizar inspeccionar elemento en Firefox, puedo editarlo facilmente con los valores, pero estos no se donde encontrarlos en los archivos.

como puedo hacerlo?

 

Adjunto imagenes.

[nadie]

 

 

Ya he conseguido llevar mis logos al bankwire por la ruta que me habias dicho. Ahora tengo otra duda que no se resolver. quiero o bien desplazar el icono hacia la derecha o el texto a la izquierda. Al utilizar inspeccionar elemento en Firefox, puedo editarlo facilmente con los valores, pero estos no se donde encontrarlos en los archivos.

como puedo hacerlo?

 

Adjunto imagenes.

Hola Joven,

 

SI es el mismo margen de relleno para todos, en el:

/themes/default-bootstrap/css/global.css

Por defecto, tienes esto:

  p.payment_module a {
    display: block;
    border: 1px solid #d6d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    line-height: 23px;
    color: #333;
    font-weight: bold;
    padding: 33px 40px 34px 99px;
    letter-spacing: -1px;
    position: relative; }

El "99px", si lo pones mas alto, moverás el texto...

 

Si es solo para un modulo especifico (por ejemplo el de transferencia bancaria, (bankwire), busca en el mismo fichero esto:

p.payment_module a.bankwire {
    background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb;
}

Y le añades por ejemplo un:

padding-left:110px;

p.payment_module a.bankwire {
    background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb;
padding-left:110px;
}

Lo de 110, lo he puesto de forma "aleatoria" ya tu cambias segun tus necesidades

[kepaisa]

En esos paramatros me andaba moviendo pero no estaba muy seguro. Finalmente he añadido :

p.payment_module a.bankwire {
    background: url(../img/bankwire5.png) 15px 4px no-repeat #fbfbfb;
background-position-x: -15px !important;

 

...y perfecto, me ha movido el icono hacia la derecha el espacio justo!!.

 

Muchas gracias por ayuda!!! :D