CSS - .toggleMenu en wordpress problemas con css

   
Vista:

.toggleMenu en wordpress problemas con css

Publicado por fernando (1 intervención) el 09/10/2013 06:42:20
hola

instale el menu .toggleMenu en mi wordpress y para que diera la accion de pasar por sobre aprareciera activado (de otro color), modifique el archivo css boilerplate.css (pagina fluida hecha originalmente en dreamweaver),

1
2
3
4
5
6
7
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
 
/* Mejorar la legibilidad con foco y al pasar por encima en todos los navegadores: h5bp.com/h */
a:hover, a:active { outline: 0; }

y me resulto al pasar el mouse este cambie en cada item de color, pero me dio un problema en donde va el logo de wordpress los textos con link todos tienen el color azula activado si se lo saco queda bien pero el menu queda sin la accion

css del menu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
body {
	margin: 0px; padding: 0px;
}
nav {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
a {
	margin: 0px; padding: 0px;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
	text-decoration: none;
}
.container {
	margin: 0px auto; width: 100%; max-width: 920px;
}
.toggleMenu {
	background: rgb(102, 102, 102); padding: 10px 15px; color: rgb(255, 255, 255); display: none;
}
.nav {
	list-style: none;
	background-color: rgb(0,102,153);
}
.nav::before {
	display: table; content: " ";
}
.nav::after {
	display: table; content: " ";
}
.nav::after {
	clear: both;
}
.nav ul {
	list-style: none; width: 9em;
}
.nav a {
	padding: 10px 15px; color: rgb(255, 255, 255);
}
.nav li {
	position: relative;
}
.nav > li {
	border-top-color: rgb(16, 67, 54); border-top-width: 1px; border-top-style: solid; float: left;
}
.nav > li > .parent {
	background-position: right; background-image: url("images/downArrow.png"); background-repeat: no-repeat;
}
.nav > li > a {
	display: block;
}
.nav li ul {
	left: -9999px; position: absolute;
}
.nav > li.hover > ul {
	left: 0px;
}
.nav li li.hover ul {
	left: 100%; top: 0px;
}
.nav li li a {
	border-top-color: rgb(23, 94, 76);
	border-top-width: 1px;
	border-top-style: solid;
	display: block;
	position: relative;
	z-index: 100;
	background-color: rgb(0,153,255);
}
.nav li li li a {
	background: rgb(36, 149, 120); border-top-color: rgb(29, 122, 98); border-top-width: 1px; border-top-style: solid; z-index: 200;
}
#footer {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
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