سلام
من یک کد بازدید مطلب گذاشتم و حالا می خوام css بدم بهش و کلاسی بهش میدم اعمال نمیشه .این فایل index هست.
<div class="cover">
<div class="entry">
<?php postim(); ?>
<?php the_excerpt(); ?>
<div class="clear"></div>
</div>
</div>
<div class="date">
<span class="author"> نویسنده <?php the_author(); ?></span> <span class="clock"> تاريخ <?php the_time('M - j - Y'); ?> <strong> </span> <span class="vistor"> <?php echo getPostViews(get_the_ID()); ?></span>
</strong>
این فایل style
/* Main Content*/
#content {
float:right;
width: 650px;
height:100%;
padding:0px 0px;
margin-top:20px;
display:inline;
background:#181A1C;
}
h3.recpost{
height:38px;
background:url(images/recpost.png) repeat-x;
line-height:38px;
padding-right:10px;
font-size:14px;
font-weight:normal;
color:#e0af17;
text-transform:uppercase;
border-bottom:1px solid #272727;
}
.title{
margin: 0 0 0 0px;
padding: 0px 10px ;
}
.title h2 {
margin: 5px 0 5px 0;
padding: 5px 0px 10px 0px;
text-align: right;
font-size: 20px ;
font-family:Tahoma,century gothic,verdana, sans-serif;
font-weight:normal;
overflow:hidden;
border-bottom:1px solid #272727;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color:#eee;
background-color: transparent;
}
.title h2 a:hover {
color: #fff;
background-color: transparent;
}
.postim{
margin:10px 0px 10px 10px;
padding: 9px;
background:#0e0f10;
border:1px solid #ddd;
float:right;
width:610px;
height:150px;
}
.date {
font-size:10px;
font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
padding:3px 0px 0px 0px;
color:#ca680b;
margin:20px 0px 0px 0px;
text-transform: uppercase;
background:url(images/date.png);
height:24px;
text-shadow:1px 1px 1px #5F4C23;
}
.author{
color:#fff;
padding:4px 5px 4px 5px;
float:right;
margin-right:5px;
}
.clock{
color:#0000;
padding:4px 5px 4px 5px;
margin-right:5px;
float:right;
}
.comm{
color:#fff;
padding:4px 5px 4px 5px;
margin-right:5px;
float:right;
}
.vistor{
color:#fff;
padding:4px 10px 4px 5px;
margin-right:5px;
float:right;
}
.post{
width:650px;
margin: 0px 0px 20px 0px;
padding:0px 0px;
height:100%;
color:#666;
font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
}
.comm a:link,
.comm a:visited {
color:#fff;
}
.comm a:hover{
color:#fff;
}
.more{
color:#fff;
padding:4px 5px 4px 5px;
margin-left:5px;
float:left;
}
.more a:link,
.more a:visited {
color:#fff;
}
.more a:hover{
color:#fff;
}
.singleinfo {
height:18px;
font:10px Tahoma, Georgia, Arial,century gothic,verdana, sans-serif;
text-transform:uppercase;
color:#271A0A;
padding:0px 0px;
margin-top:10px;
}
.category{
padding:3px 5px 3px 5px;
background:#85B304;
}
.category a:link,.category a:visited{
color:#fff;
}
.category a:hover{
color:#000;
}
.entry {
margin:0 0;
padding: 0px 10px ;
}
.entry a:link,
.entry a:visited {
color: #F39C12;
background-color: transparent;
}
.entry a:hover {
color:#fff;
background-color: transparent;
text-decoration: none;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-right: 1.6em;
}
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
کد .visitor رو اضافه کردم که این استایل تغییر نمیکنه...
ممنون میشم کمک کنید