Quitar cuadro azul de link en imagen de plantilla Beez_20.

[jurassicboy]

Buenos días,

Problema sencillo pero que me trae de cabeza. En la plantilla Beez_20 al pasar el cursor sobre las imágenes que funcionan como link me aparece un cuadro azul que no se quitar. ¿Hay alguna manera de hacerlo?

He probado editando personal.css y añadiendo:

a: hover, a:active, a:focus {
background-color: #FFF;
color: #FFF;
}

Lo mismo pero con "none" en lugar del color y no hay manera.

Y ya puesto pregunto.. ¿Alguna plantilla gratuita mejor que Beez_20 para Joomla 2.5 y VirtueMart2?

Muchísimas gracias!

[chabri]

En el css de la plantilla por algún lado tiene que poner que los "a" tengan fondo azul.

Puedes probar esto, pero se aplicaría a todas las imágenes que funcionan como links:

a:hover {
background-color: none !important;
}

o

a:hover {
background-color: white !important;
}

Saludos.

[jurassicboy]

Buenos días y gracias por la respuesta Chabri,

He probado las líneas que me has propuesto y no consigo hacer desaparecer el dichoso cuadro azul. He probado añadiéndolas a templates/beez_20/css/personal.css, también a templates/beez_20/css/general.css y a templates/beez_20/css/template.css sin obtener ningún cambio.

A la desesperada he editado y añadido las líneas que propones en components/com_virtuemart/assets/css/vmsite-ltr.css también sin ningún resultado.

Dejo el link a la web de prueba por si os puede facilitar la ayuda: http://www.projectux.cs.uab.es/~1158125/PFC/

Muchas gracias.

[pitufoweb]

prueba con este codigo

html #main a:hover, html #main a:active, html #main a:focus {
background: transparent;
color: #FFFFFF;
}



Saludos

[chabri]

Buenas! he encontrado el css, es el personal.css y en la linea 43 aprox. sale el a:hover

a:hover,
a:active,
a:focus
{
background:#095197;
color:#FFF;
}

Quitalo o bien cambia de color. Un saludo.

[jurassicboy]

Mil gracias chicos!! Parece que algo ha cambiado. He probado a eliminar las líneas que comenta chabri y aunque sea lógico lo que propone, continuaba igual mostrando el cuadro azul.
Con el código de pitufoweb han desaparecido los cuadros azules en las imágenes pero además de las imágenes también me desaparecen los links al pasar el cursor por encima.
Voy a probar a ver si puedo decirle al código que tan solo se aplique a las "img".

Se aceptan sugerencias. Un saludo :)

EDITO: SOLUCIONADO!! Utilizando el código de pitufoweb he puesto "color: #000;" para que los links no sean blancos al pasar el cursor por encima y den la sensación de desaparecer. Ahora ya aparecen los links en negro y en cuanto a las fotos ya no lucen el color azul de fondo.

Infitintas gracias a todos!!