WordPress.org

Ready to get started?Download WordPress

Forums

Overriding a Plugins' CSS? (1 post)

  1. James
    Member
    Posted 6 years ago #

    I recently downloaded the Brian’s threaded comments plugin and it uses a default stylesheet. And you have to use the comments.php page it provided.

    (It came with two php scripts, One with the plugin script and another one with an updated comments.php script.)

    So I was wondering what I would have to do migrate all my current theme's CSS comment styles to this new comments.php page? All these default styles are contained within the briansthreadedcomments.php plugin, where the new comments.php file is reading it from. This is the stylesheet it came with:

    <style type="text/css">
    .comment
    {
    	position: 				relative;
    	margin:					3px;
    	margin-top:				6px;
    /*	border: 				1px solid #666; */
    	padding:				4px 4px 4px 8px;
    <?php if($shrinkby > 0) { ?>
    	font-size:				<?php echo (100-$shrinkby); ?>%;
    <?php } ?>
    	background-color:		#fff;
    }
    
    .odd
    {
    	background-color: #f8f8f8;
    }
    
    .comment div {
    	position: 				relative;
    }
    
    .comment .comment img
    {
    	margin: 				0px;
    }
    
    .comment .collapseicon
    {
    	width: 					13px;
    	height: 				13px;
    	overflow:				hidden;
    	background-image: 		url(<?php echo get_settings('siteurl'); ?>/wp-content/plugins/briansthreadedcomments.php?image=subthread-open.png);
    }
    
    .collapsed .collapseicon
    {
    	background-image: 		url(<?php echo get_settings('siteurl'); ?>/wp-content/plugins/briansthreadedcomments.php?image=subthread.png);
    }
    
    .comment .reply {
    	text-align: 			right;
    	font-size: 				80%;
    	padding: 				0px 6px 6px 0px;
    }
    
    .comment
    {
    	border: 	1px solid #ddd;
    	margin-top: 			10px;
    }
    
    input#subscribe
    {
    	width: auto;
    }
    
    .comment .body .content
    {
    	padding:				0px 3px 0px 3px;
    	/*width: 					100%;	*/
    	overflow: 				auto;
    }
    
    .comment .title abbr
    {
    	border: none;
    }
    
    .collapsed .body, .collapsed .comment
    {
    	display:				none;
    }
    
    #commentform textarea {
    	width: 97%;
    }
    
    <?php if( btc_has_avatars() ) { ?>
    .btc_gravatar {
    	float: right;
    	margin: 3px 3px 4px 4px;
    }
    <? } ?>
    </style>

    I'm not exactly sure how the new comments.php page is reading this stylesheet the briansthreadedcomments.php is giving it, so I'd appreciate any help.

Topic Closed

This topic has been closed to new replies.

About this Topic