Customizar botoneras en tema titania  

Hola,

Para conseguir lo que comentas dispones de varias opciones. Por un lado se podría tener una versión de cada botón de cada tipo (color y blanco y negro) para, por medio de código javascript, realizar el reemplazo cuando colocamos el ratón encima.

Otra forma que me parece más limpia sería hacerlo utilizando estilos CSS, de forma inicialmente la imagen se muestra con escala de grises cuando se carga y se cambia a color al colocar el ratón sobre ella. Este efecto de escala de grises lo aplicaría el propio CSS, por lo que tendrías que tener subida la imagen en color:

Tendrías que añadir el siguiente estilo CSS para conseguir esto:

#rt-feature a img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

#rt-feature a:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}

Esto lo podrías añadir en Titania Theme->Estilo->CSS Personalizado.

Ten en cuenta que esto no será compatible con navegadores antiguos.