WordPress - efecto de tachado en el menu

   
Vista:

efecto de tachado en el menu

Publicado por Iñigo L (4 intervenciones) el 25/06/2016 17:13:02
Hola,

Estoy haciendo un proyecto en wordpress con el tema The Look de http://magicaltheme.com/ (no da soporte (: )

Nos gustaria eliminar el efecto de tachado en el menu. cuando pasas por encima o selleccionas surge el efecto tachado que es horrible.

en vez de ese efecto queremos que cambie el color del texto a RGB #897642, en hover y menu seleccionado.

He revisado los estilos y archivos java script pero no encuentro como hacerlo. tambien he revisado las opciones de menu en wordpress y tampoco hay mención a ese efecto.

Agradecería mucho su ayuda.

aquí tenéis una demo del tema http://magicaltheme.com/look/look-fix/

se que tachar un texto es tarea fácil con css pero creo q en este caso el efecto es con JS y no encuentro la forma de eliminarlo.



Muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

efecto de tachado en el menu

Publicado por ini (4 intervenciones) el 25/06/2016 19:07:45
efecto-tachado
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

efecto de tachado en el menu

Publicado por ini (4 intervenciones) el 25/06/2016 19:39:16
Ya esta solucionado ..... era Css ....
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

efecto de tachado en el menu

Publicado por xve (30 intervenciones) el 26/06/2016 11:50:12
Que CSS te faltaba Ini?? nos lo podrías compartir?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

efecto de tachado en el menu

Publicado por ini (4 intervenciones) el 26/06/2016 12:15:29
Si perdonar, que con el lio no comente lo que sucedía .....

mi confusión fue buscar en la hoja de estilos (style.css en este caso) el tipico text-decoration:line-through; pero no iban por ahi los tiros, estudiando mas detenidamente todo lo que afectaba al menú di con la solucion.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
nav.main-menu ul li a {
	padding: 0 0 0 2px;
	font-size: 1em;
	display: block;
	letter-spacing: .2em;
	text-transform: uppercase;
	position: relative;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
}
nav.main-menu ul li a:before {
	background-color: #000;
	top: 50%;
	content: "";
	height: 0.1em;
	left: 50%;
	margin-left: 0;
	position: absolute;
	transition-duration: 0.2s;
	width: 0;
}

Simplemente cambiando a top: 100% la raya que hacia efecto tachado pasaba a estar debajo del texto ....
luego cambiar el color del texto es tarea fácil ....

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
nav.main-menu ul li a {
	padding: 0 0 0 2px;
	font-size: 1em;
	display: block;
	letter-spacing: .2em;
	text-transform: uppercase;
	position: relative;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
}
nav.main-menu ul li a:before {
	background-color: #8a6d3b;
	color: #8a6d3b;
	top: 100%;
	content: "";
	height: 0.1em;
	left: 50%;
	margin-left: 0;
	position: absolute;
	transition-duration: 0.2s;
	width: 0;
}


efecto-tachado-arreglado
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar