Añadir CSS al Módulo ContentBox -- Solucionado

[guelu]

Hola amigos

 

Mi problema es que tengo un código html pegado en mi módulo contentbox y me gustaría aplicarle estilos.

Concretamente tengo 6 imágenes alineadas en tres imágenes por línea.

Lo que quiero es aplicar un efecto de fade in cuando el cursor pase por encima de las imágenes. Tengo listo tanto el html como el css.

 

HTML:

<img src="http://bavotasan.com/wp-content/uploads/2011/09/fadeimage.jpg" alt="" width="200" height="150" class="fade" />

CSS:

.fade {
      opacity: 1;
      transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -webkit-transition: opacity .15s ease-in-out;
          }

   .fade:hover {
      opacity: 0.5;
      }

Lo que no sé es donde debo poner el archivo css, o como lo "invoco" desde el html de contentbox.

 

¿Alguien puede ayudarme?

Edited August 28, 2016 by guelu (see edit history)

[Rolige]

Creo que el validador de HTML de prestashop no te va a permitir insertar arhivos css en el editor de contenido, lo que puedes hacer es crearte un nuevo archivo en la carpeta autoload de los css del tema, por ejemplo:

/themes/default-bootstrap/css/autoload/module-contentbox.css

Y dentro de dicho archivo insertar los estilos CSS.

 

Otra opcion es si el propio modulo ContentBox carga algun estilo CSS en el header, ahi mismo pudieras meter los estilos de CSS, pero honestamente nunca he utilizado dicho modulo.

[lastapril]

EL modulo contentbox te permite adjuntar archivos css al codigo, si no puedes o sabes, busca algun modulo para añadir custom css y te funcionara

[guelu]

Muchas gracias a los dos

al final lo que hice fue meter el css directamente en global.css del tema y funciona