WordPress.org

Support

Support » Plugins and Hacks » [Plugin: Top 10] Bland Widget Appearance

[Plugin: Top 10] Bland Widget Appearance

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Ajay

    @ajay

    Check out http://kevin.deldycke.com/2012/04/beautify-contextual-related-posts-wordpress-plugin/

    You can use that code as one option.

    Another option:

    img.crp_thumb {
    	width:50px !important;
    	height:50px !important;
    	display:block;
    	float:left;
    	clear:left;
    	margin-right:10px !important;
    	padding:3px !important;
    	border:1px #CCCCCC solid;
    }
    
    #crp_related ul li, .crp_related ul li {
    	clear:both;
    	list-style:none;
    	margin-bottom:15px;
    	display:block;
    	height:70px;
    	background: none;
    	padding:0 !important;
    }
    
    #crp_related ul, .crp_related ul {
    	margin:0 !important;
    	padding:0 !important;
    }
    
    #crp_related .crp_title, .crp_related .crp_title {
    	font-weight:bold;
    	font-size:14px;
    	display:block;
    	padding-bottom:5px;
    	text-decoration:none;
    }
    
    img.crp_thumb:after {
    	content: ' ';
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: -1px;
    	left: -1px;
    	border: solid 1px #222;
    	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
    	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
    	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
    	-webkit-border-radius: 7px;
    	-moz-border-radius: 7px;
    	border-radius: 7px;
    }
    img.crp_thumb {
    	vertical-align: bottom;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	-webkit-border-radius: 7px;
    	-moz-border-radius: 7px;
    	border-radius: 7px;
    }

    In both cases replace crp with tptn

    I tried using the code from the link you provided swapping in tptn… it doesn’t style it in the row view at all…

    Could you try on your end and post the correct code? Thanks!

    Plugin Author Ajay

    @ajay

    I’m working on some code snippets to style Top 10 posts. I will share something with users when I do succeed to get a good result.

    I’m also working on a new version of the plugin that improves the widget’s classes

    Awesome, great to hear! Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Top 10] Bland Widget Appearance’ is closed to new replies.