Posted by Ruidodemente on January 31, 2012 at 11:22pm
Tengo una duda quiero personalizar el link que dice - "Unirse a este grupo" de OG pero al modificar esto
.field-item.even a
me afecta a todos los link,
quisiera saber donde tengo que agregar la clase para poder modificar solo este link. Muchas
gracias.
Comments
Estás usando firebug?
Usas el plugin Firebug de firefox o usas el inspector de elementos de Chrome?
Tu regla afecta todos los link porque, seguramente, hay muchos otros anchor (los
</a>de tu css) en tu CSS que tienen la clase .field-itemSé más específico en tu regla y solo afectarás al link que quieres.
Seguramente tu link está dentro de otro
<div>con una clase específica a donde lo quieres.Si pones el código COMPLETO de tu html será más fácil ayudarte a identificar cómo debe ser tu regla para que solo afecte lo que buscas, pon tu código aquí y te ayudamos, porque así como está de abstracta tu pregunta será difícil.
Saludos.
http://imageshack.us/f/833/sc
http://imageshack.us/f/833/screenosc.jpg/
ahi hay una captura donde puedes ver el link estoy yutilizando el inspector de elementos de Chrome.
El codigo es muy largo por eso tedejo el link. Fijate que ya edite de esta manera.
.field-item.even a{
text-align:Center;
padding: 10px;
margin: 20px;
background: #FE9A2E;
color: white;
font-size: 1.3em;
display: inline-block;
width: 300px;
text-align: center;
border-right: 2px #720000 solid;
border-bottom: 2px #720000 solid;
border-radius: 4px;
}
y de esta
.form-item.form-type-item{
text-align:Center;
padding: 10px;
margin: 20px;
background: #FE9A2E;
color: white;
font-size: 1.3em;
display: inline-block;
width: 300px;
text-align: center;
border-right: 2px #720000 solid;
border-bottom: 2px #720000 solid;
border-radius: 4px;
}
pero como veras me afecta a todo si visitas el link.
http://artilleriaheavy.com/node/4080
veras como afecta el formato.
Si el <a> que quieres
Es el que tienes seleccionado en la imagen que envías entonces debes iniciar por decirle a tu regla que NO tome en cuenta nada más que el DIV que tiene como ID block-system-main
Luego decir que dentro de ese div que tiene ese identificador único (es decir, ningún otro div puede llamarse block-system-main por eso es un ID y no una clase, que es la manera de identificar varios div que comparten características) debes decir que tome el div que tiene la clase article-type-canales que está 3 niveles más abajo.
Después vamos tomando el div article-content para que solo afecte lo que está dentro del body de tu artículo, y no afecte ni los comments ni nada.
Luego toma la section que tiene la clase field-name-group-group para que solo afecte esa especie de encabezado que tienes.
Y ahora sí, selecciona tu field-items y luego tu a
Eso se traduce en un selector más o menos así:
#block-system-main .article-type-canales .article-content .field-name-group-group .field-items a{
/* PON TU CSS AQUI*/
}
Si esto no es lo que quieres entonces necesitas ser mucho más específico en qué es lo que quieres lograr, manda un dibujo con lo que quieres y manda otro con lo que NO quieres, y a lo mejor así te podemos ayudar, pero necesitas explicar mejor qué es lo que quieres.
Saludos.
Segui los pasos que me
Segui los pasos que me digiste y pude lograr personalizar el link. Ahora ya se bien como distinguir los id gracias.!