Añadir CSS a "botones"

[Josete1607]

Saludos,estoy haciendo las practicas para una empresa y estoy empezando a adentrarme en prestashop,dicha empresa tiene una serie de articulos y he creado unos botones para acceder al pedido con htm(en realidad no son botones como tal son enlaces con aspecto de boton)

El problema es que no se como añadir mi fichero de estilos,he estado investigando por varias paginas y me dicen que cambie el blobal.css y otras que cambie el header tpl,he añadido mi configuracion a ambos y por suspuesto he vuelto a subir los archivos al servidor,pero a la hora de añadir el "boton" no coje ningun estilo

Alguien puede explicarme como se inserta o si me estoy equivocando y tengo que llamas a la hoja de estilos desde html del cms ,es decir,desde la pagina donde intento insertar el boton?

 

Este seria el codigo html

 

<a href="http://www.google.es" class="boton azul">LO QUIERO!</a>

y la parte del css es esta

 

.boton{

            text-align:center;

            text-decoration: none;

      font-family: 'Helvetica Neue', Helvetica, sans-serif;

      display:inline-block;

            color: #FFF;

            background: #7F8C8D;

            padding: 15px 30px;

            white-space: nowrap;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            border-radius: 5px;

            margin: 10px 5px;

            -webkit-transition: all 0.2s ease-in-out;

            -ms-transition: all 0.2s ease-in-out;

            -moz-transition: all 0.2s ease-in-out;

            -o-transition: all 0.2s ease-in-out;

            transition: all 0.2s ease-in-out;

            

            }

 

.azul{

  background: #3498DB;

}

 

.azul:hover{

  background: #ECF0F1;

  color: #3498DB;

  

}

Saludos y gracias

[Open Code Consulting]

Hola,

 

Si quieres lo puedes añadir a tu /themes/<nombre_del_tema>/css/global.css.

 

Tienes que tener en cuenta que si pones el contenido al inicio del fichero, puede ser sobreescrito por otras sentencias de CSS, así que puedes hacer una prueba añadiendo !important al final de cada estilo.

 

Otra cosa que debes revisar, es si la caché te está impidiendo "actualizar" los cambios que estás haciendo.

 

Puedes ir a Parámetros avanzados > Rendimiento y activar la opción: Forzar compilación, y volver a recargar tu página (presionando Ctrl + Shift + F5) a ver si ves los cambios.

 

Haz la prueba y nos cuentas.

 

Un saludo.

[Josete1607]

Gracias,finalmente he optado por otros botones mas simples pero me anoto tu aportacion

saludos