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...