Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-25-2012, 09:04 AM   PM User | #1
brenosilver
New to the CF scene

 
Join Date: Mar 2012
Location: US
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
brenosilver is an unknown quantity at this point
Question 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!
brenosilver is offline   Reply With Quote
Reply

Bookmarks

Tags
css, plugin, style, template, wordpress

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:31 PM.


Advertisement
Log in to turn off these ads.