¿Cómo puedo cambiar un botón que cambia de color al ponerle el cursor encima, por uno solido?
En esta página de wordpress: http://primefa.com/trabaja-con-nosotros/ hay un boton invisible que al ponerle el cursor encima cambia a color anaranjado. Lo que yo quiero es que el botón sea anarajando siempre.
El código del botón es:
[dt_sc_button variation="orange" size="xlarge" link="http://goo.gl/cdQ0ve" target="_blank"] TEST DE AFINIDAD PROFESIONAL [/dt_sc_button]
3 Respuestas
Creo que el código de ese botón es el de la línea 194
<p><a class="fasc-button fasc-size-xlarge fasc-type-flat" style="background-color: #ff9900; color: #ffffff;" href="http://goo.gl/cdQ0ve" target="_blank" data-fasc-style="background-color:#ff9900;color:#ffffff;">TEST DE AFINIDAD PROFESIONAL</a></p>
Tiene que dejarlo así.
<p><a class="fasc-button fasc-size-xlarge" style="background-color: #ff9900; color: #ffffff;" href="http://goo.gl/cdQ0ve" target="_blank" data-fasc-style="background-color:#ff9900;color:#ffffff;">TEST DE AFINIDAD PROFESIONAL</a></p>
Así se queda anaranjado siempre, quitándole la parte "fasc-type-flat"
Suerte
Reemplaza el código: por este otro :
[dt_sc_button variation="orange" size="xlarge" link="http://goo.gl/cdQ0ve" target="_blank"] TEST DE AFINIDAD PROFESIONAL [/dt_sc_button]
<a class="fasc-button fasc-size-xlarge" style="background-color: #ff9900; color: #ffffff;" href="http://goo.gl/cdQ0ve" target="_blank" data-fasc-style="background-color:#ff9900;color:#ffffff;">TEST DE AFINIDAD PROFESIONAL</a>
Con eso lo que estas haciendo es poner el código directamente en el editor para manipular el color original.
Saludos, y gracias por suscribirte a: https://www.youtube.com/user/dimit28
y visitar: http://develoteca.com
Patricio, muy buen día, lo que estás pretendiendo efectuar es un evento relacionado con el objeto y esos eventos se deben editar o modificar en el archivo de hoja de estilos .css que generalmente se llama "Style.css", en él debes identificar el código que hace referencia al Botón y en él se edita lo referente al evento "Hover"; deberías encontrar algo parecido a ésto:
img { /* Hace referencia al objeto sin pasar el puntero del mouse */
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
img:hover { /* Hace referencia al objeto cuando se pasa el puntero del mouse sobre el objeto */
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}Entonces debes comentar o borrar el evento correspondiente a "img:hover"
Espero haber respondido satisfactoriamente tu necesidad, si es así por favor valora la respuesta o por el contrario solicita aclaración que con mucho gusto;