| brenosilver |
03-25-2012 09:04 AM |
How to adapt my template's css style to a plugin's css style
Hi I am trying to make the css style for a sidebar plugin called Wordpress Popular Posts the same as in my theme sidebar (WPTube 4).
This is the css style for wptube's siderbar.
Code:
/*------------------------sidebar
*/
#sidebar{
width:323px;/*348*/
background:#282828;
border-radius: 10px;
float:right;
padding:20px 12px 0 13px;
}
.sidebarcont{
width:323px;
}
#sidebar h2{
font-size:18px;
text-transform:uppercase;
font-weight:normal;
padding-bottom:3px;
margin-bottom:20px;
border-bottom:4px solid #1d1f1e;
}
.postcontent{
width:323px;
overflow:hidden;
border-bottom:1px solid #000;
margin-bottom:11px;
padding:0 0 8px 0;
}
.postcontent:last-child{
border:none;
}
.imgentry{
width:110px;/*120*/
height:74px;/*84*/
border-radius: 5px;
float:left;
background:url(images/bgr_sidebarimgbx.jpg) no-repeat;
padding:5px;
}
.textentry{
width:174px;/*202*/
float:right;
padding:0 14px;
}
.texttitle{
padding-bottom:8px;
}
.textentry h3{
font-size:14px;
padding-bottom:4px;
}
.textentry span{
font-size:11px;
display:block;
}
.textentry p{
font-size:11px;
padding-bottom:10px;
}
.textmeta a{
color:#fff;
}
.commenttxt{
width:auto;
float:left;
font-size:11px;
display:block;
margin-right:13px;
}
.commentbg{
width:21px;
height:17px;
display:block;
text-align:center;
color:#fff;
font-size:11px;
float:left;
font-weight:bold;
line-height:12px;
background: url(images/ico_comment.jpg) no-repeat;
}
.textwidget,.widget_categories{ padding-bottom:19px }
This is for the plugin WordPress Popular posts
Code:
/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
Use the following classes to style your popular posts list as you like.
*/
/* title styles */
.wpp-post-title {
}
/* thumbnail styles */
img.wpp-thumbnail {
border:none;
}
/* excerpt styles */
.wpp-excerpt {
}
/* Stats tag styles */
.post-stats {
font-size:9px;
font-weight:bold;
}
.wpp-comments {
}
.wpp-views {
}
.wpp-author {
font-style:italic;
}
.wpp-date {
}
/* WP-PostRatings styles */
.wpp-rating {
}
My website http://videohater.com/ as you can see in the page I did some progress (Just copied and pasted some stuff), but I can't get it right.
Could somebody give me a hand please?
Thank you! |
