Foros del Web » Creando para Internet » CSS »

ayuda con colores de comentarios wordpress

Estas en el tema de ayuda con colores de comentarios wordpress en el foro de CSS en Foros del Web. Hola, necesito ayuda, quiero cambiar el color del texto de los comentarios, para wordpress, ya que estos son plomos y el fondo es muy similar, ...
  #1 (permalink)  
Antiguo 13/12/2009, 23:24
 
Fecha de Ingreso: diciembre-2009
Mensajes: 1
Antigüedad: 14 años, 4 meses
Puntos: 0
ayuda con colores de comentarios wordpress

Hola, necesito ayuda, quiero cambiar el color del texto de los comentarios, para wordpress, ya que estos son plomos y el fondo es muy similar, por lo cual, no se ve el texto. Mi conocimiento de php y css es casi nulo, no he podido solucionar el problema, solicito su ayuda.

Aquí está el contenido de la hoja de estilos.
¿Que lineas debo modificar y/o agregar?

Cita:
/* LAYOUT */

body {
background: url(images/background.png);
background-position: top left;
background-color: #e5e9ee;
}

#wrapper {
padding:0;
background: url(images/wrapper-background.png) top center no-repeat;

}

#container {
}

#contentwrap {
}

a {
color: #a29f9f;
}

a:hover {
color: #a29f9f;
text-decoration: none;
}
/* HEADER */

#header {
height: 110px;
padding-top:15px;
}

#header h1 {
margin-bottom: 8px !important;
padding: 20px 0 0 0;
font-weight: normal;
font-family: Verdana, Arial;
font-weight: bold;
font-size: 40px;
}

#header h1 a, #header h1 a:visited {
color: #909090;
text-decoration: none;
}


#header h2 {
color: #eee;
font-size: 12px;
line-height: 14px;
font-family: Arial;
}

.logo {
margin: 16px 0 0 0;
}

.headerbn {
padding: 20px 0 5px 0;
text-align: center;
}

/* NAVIGATION MENUS */

#pagemenucontainer {
height: 55px;
margin-top: 0px;
float: right;
}

#pagemenu {
height: 30px;
float: right;
}

#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 1px;
}

#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0px;
}

#pagemenu li a, #pagemenu li a:link {
color: #c0bfbf;
display: block;
margin: 0px 0 0px 6px;
padding: 7px 0 6px 10px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#pagemenu li a:hover, #pagemenu li a:active {
color: #fff;
display: block;
margin: 0px 0 0px 6px;
padding: 7px 0 6px 10px;
text-decoration: none;
}

#pagemenu li.current_page_item a {
color:#fff;
}

#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}



.navcontainer {
height: 32px;
margin-top: 6px;
}

#nav {
height: 32px;
background: url(images/nav-background.gif) top left no-repeat;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav {
margin-bottom: 1px;
padding-left: 10px;
}

#nav ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#nav ul li {
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li a, #nav li a:link {
color: #b1b1b1;
display: block;
margin: 0px 3px 0px 3px;
padding: 10px 8px 10px 8px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #333;
}

#nav li a:hover, #nav li a:active, .current-cat {
color: #fff;
display: block;
margin: 0px 3px 0px 3px;
padding: 10px 8px 10px 8px;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}

#nav li.current-cat a {
color:#fff;
}

#nav li:hover, #nav li.sfhover {
position: static;
}

/* CONTENT */

#content {
padding: 15px 10px 0 0;
}

pre { overflow: auto;
width: 470px;
}


.post {
padding: 15px;
margin-bottom: 30px;
background-color: #434343;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
color: #eee;

}

.post p {
padding-bottom: 10px;
margin-bottom: 0;
color: #eee;
}

.title {
margin: 0 0 8px 0;
padding: 0px;
line-height: 22px;
font-family: Arial, Verdana;
color: #fff;
}


.title a {
text-decoration: none;
color: #fff;
}

.title a:hover {
text-decoration: none;
color: #ddd;
}

.pagetitle {
margin-bottom: 20px;
line-height: 22px;
font-family: Arial, Verdana;
text-decoration: underline;
color: #fff;
}

.readmorecontent {
text-align: right;
}

a.readmore {
padding: 4px 15px;
background: #373737;
color: #fff;
text-decoration: none;
}

a.readmore:hover {
background-color: #646464;
}

.postdate {
font-size: 11px;
padding: 1px 4px;
font-family: Arial, Verdana;
background: #646464;
color: #eee;
}


.postmeta {
font-size: 11px;
padding: 2px 4px;
font-family: Arial, Verdana;
}

.postdate img, .postmeta img {
border: none;
vertical-align: middle;
margin:2px;
}

.entry {
text-align: justify;
line-height: 20px;
padding-top: 8px;
font-family: Arial, Verdana;
font-size: 14px;
color: #eee;
}
.navigation {
padding: 10px 0;
}

blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #666;
border-left: 3px solid #CADAE7;
}

.post img {
max-width: 680px;
}

img.wp-smiley {
max-height: 12px;
margin: 0;
padding: 0;
border: none;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
color: #eee;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* SIDEBAR(S) */

Saque esto (Lo vi innecesario), si no no entraba el código.

/* FOOTER */

#footer {
background: url(images/footer-background.gif) no-repeat;
padding: 30px;
text-align: center;
color: #898888;
font-size: 13px;
}

#footer a {
color: #898888;
}

#footer a:hover {
text-decoration: none;
}

#footer2 {
color: #484848;
font-size: 11px;
padding: 10px;
text-align: right;
}
#footer2 a {
color: #484848;
text-decoration: none;
}

#footer2 a:hover {
text-decoration: none;
}


/* COMMENTS */

#comments h3 {
margin-bottom: 10px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#commentform #submit {
margin: 0 0 5px auto;
float: right;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}

.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

Espero sus respuestas. Gracias...
  #2 (permalink)  
Antiguo 14/12/2009, 04:58
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 8 meses
Puntos: 20
Respuesta: ayuda con colores de comentarios wordpress

Si pones la dirección seria mas fácil, seguramente sera alguna de las clases que pone .comment la que debas variar, pero sin ver la web yo no seria capaz...

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:14.