Eliminar Efecto  

 
Joaquín
 Joaquín
Usuario experto

Hola, tengo un problema que no se como quitar un efecto que tengo sobre un módulo del tipo "Acymailing".
El caso es el siguiente he creado un módulo del tipo "Acymailing" y lo he tuneado a mi gusto haciendo una llamada desde un módulo HTML personalizado de joomla! con el siguiente código:

"{loadmodule mod_acymailing,acymailing-portada}"

El problema que tengo es que este modulo utiliza su propia hoja de estilos para que cuando pase por encima del input o encima del boton de "SUSCRIBIRSE" cambia el color de alrededor.

He estado con "Firebug" buscando cual puede ser ese efecto que hace ese cambio de color pero no lo encuentro.
De todas formas me gustaría poder utilizar la opción que trae el módulo llamada "Sufijo de la Clase de Módulo" para poder sobreescribir el efecto y anularlo.

Aunque no se muy bien como podría hacerlo ya que tiene que afectar a una zona en concreto.

Os adjunto la hoja de estilos que utiliza para ver si me podéis ayudar y decirme como aplicar el "Sufijo de la Clase de Módulo" que lleva consigo el módulo para modificar la hoja de estilos

CODIGO:
/**
* @package AcyMailing for Joomla!
* @version 4.8.1
* @author acyba.com
* @copyright (C) 2009-2014 ACYBA S.A.R.L. All rights reserved.
* @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
*/

div.acymailing_module, .acymailing_module div{
padding: 0 !important;
margin: 0 !important;
border-style:none !important;
}

table.acymailing_form{
margin:auto;
border:0px !important;
}

a.acymailing_togglemodule{
display : block;
font-size:16px;
}

.acymailing_mootoolsbutton p{
text-align:center;
}

.acysubbuttons{
text-align:center;
}

img.captchaimagemodule{
border:1px solid #dddddd;
float: left;
}

.captchakeymodule .captchafield{
margin-top:3px;
margin-left:2px;
}

.acymailing_fulldiv tr, .acymailing_fulldiv td{
border:0px;
}

.acymailing_module_form td {
padding-bottom: 5px;
vertical-align:top;
}

div.acymailing_module_error {
color: #400;
background-color: #fdd;
padding: 1em !important;
margin-bottom:10px;
}

div.acymailing_module_success {
color: #130;
background-color: #dfc;
padding: 1em !important;
z-index: 10;
margin-bottom:10px;
}

.acymailing_module_form .acymailing_introtext{
padding-bottom:10px;
display:block;
}

.tuneado
{
text-align: center;
color: #286890;
font-size: 1.2em;
margin-top:10px;
font-weight: bold;

}

.refreshCaptchaModule{
background-image:url(../images/refresh.png);
width:16px;
height:16px;
display:block;
float:left;
cursor:pointer;
}

.acymailing_fulldiv a.modal{position:static !important;margin:0 !important;width:auto !important;display:inline !important;}

Muchas gracias por todo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/12/2014 6:34 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

HOla

Ubica el siguiente archivo :
/191114sca75/templates/gk_gamenews/css/template.css

Al final agrega el siguiente codigo:

#acymailing tr:hover{
	background-color:transparent;
}

PD. He eliminado el otro tema que has realizado ya que esta repetido con esto, entiendo que lo duplicaste por error.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/12/2014 8:39 pm

Cursos Gratuitos WordPress

Joaquín
 Joaquín
Usuario experto

Muchísimas gracias ha funcionado a la perfección. Me podrías explicar como lo has resuelto (por encima sin entrar en detalles). Me puedes recomendar alguna otra herramienta similar al firebug para poder averiguar el tema de las CSS.
Por último me recomiendas alguna página o manual para entender el tema de las dependencias de las CSS cuando afectan a un módulo o extensión.

Muchas gracias por todo.

ResponderCitar
Respondido : 11/12/2014 9:52 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

La herramienta firebug es la mas completa, existen otras que se incluyen por ejemplo en el propio navegador de Firefox sin embargo firebug es la que recomendamos, puedes revisar su uso en el siguiente enlace: - https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Puedes revisar el siguiente enlace sobre CSS: http://www.gnumla.com/joomla/articulos/joomlablogger-css-para-principiantes.html existen infinidad de libros y enlaces en los que pueden encontrar información sobre programación CSS.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/12/2014 11:47 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Joaquín
 Joaquín
Usuario experto

Muchas gracias

Un saludo

ResponderCitar
Respondido : 12/12/2014 10:54 am

Por favor Iniciar Sesión o Registro