Cambiar color de los enlaces de widgets

Wigao · 2011-08-16T12:09:16-0500

Que tal amigos, les cuento que quiero cambiar el color de los enlaces en mis widgets porque tienen un gris que apenas se ve con un fondo blanco.

El blog es este: Tutto Qui | Entretenimiento online

Mi style.css es el siguiente: http://textsnip.com/1c3d69

Agradezco su ayuda desde ya.

Joaco · 2011-08-16T12:20:10-0500

Ya te explico, dejame ver un poco qué hacer.

Listo, en la parte que dice:

#sidebar ul ul li a {

color: #C0C0C0;

}

Ahí cambiás el #C0C0C0 por el color que quieras: Códigos de colores HTML

Y si querés cambiar el color al pasar el cursor es esta parte:

#sidebar ul ul li a:hover {

color: #0072A5;

text-decoration: none;

}

Obviamente también podés agregar otros estilos.

krusty72 · 2011-08-16T12:32:15-0500

En tu style.css busca esta línea

#sidebar ul ul li a {
color: #C0C0C0;

Ahí puedes cambiar el color, chécate también todas las que pongo a continuación para que veas más propiedades de esa parte en el sidebar y juegues con colores, tipo de letra, etc.

HTML:

#sidebar ul {
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar li {
	list-style: none;
	margin: 0 0 10px 0;
}

#sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}

#sidebar ul ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-type: none;
}
#sidebar ul ul li {
	padding: 7px 5px 7px 6px;
	list-style: none;
	margin-bottom: 0px;
	font-size: 0.9em;
	width: 175px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar ul ul li:hover {
	background-color: #EEEEEE;
	color: #666666;
}

#sidebar ul ul li p {
	font-size: 0.8em;
	color: #CCCCCC;
	padding-top: 5px;
}

#sidebar ul ul li a {
	color: #C0C0C0;
}
#sidebar ul ul li a:hover {
	color: #0072A5;
	text-decoration: none;
}

#sidebar ul ul li:last-child {
	border-style: none;
}

#sidebar ul ul ul {
	margin:0 0 0 0.5em;
}

Cambiar color de los enlaces de widgets

Wigao

Joaco

krusty72

Temas similares