WordPress.org

Ready to get started?Download WordPress

Forums

Top 10 - Popular posts plugin for WordPress
[Plugin: Top 10] Bland Widget Appearance (5 posts)

  1. inprojectcloud
    Member
    Posted 1 year ago #

    Hi Ajay!

    This is a very useful plugin to keep track of the posts on a site.

    I use the origin theme on the latest wordpress. The widget appears really bland for me. The first line of the text appears inline and the rest appears below the image. It mostly looks unformatted. I've tried my best to format it without much success.

    Can you help me out?

    Link: http://projectcloud.info/1502-2/

    Its below the ad on the right.

    http://wordpress.org/extend/plugins/top-10/

  2. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. handsomeman
    Member
    Posted 1 year ago #

    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!

  4. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    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

  5. handsomeman
    Member
    Posted 1 year ago #

    Awesome, great to hear! Thank you!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags