Support » Plugin: Top 10 - Popular posts plugin for WordPress » Please help me with CSS problems appearing with new version

  • Resolved steveone86


    Hello, first i want to thank you for such a great plugin! I really appreciate it. Im having a bit of problem when I update to the latest version of your plugin. I am currently running version 1.8.1 becasue of this. The problem im having is when I update the pictures are not being displayed correctly they shrink and have a width of only 50px. In the 1.8.1 version my pictures display in the correct size i want which is 320px. Here is my css for the version 1.8.1 plugin i have installed now

    /* TOP 10 PLUGIN */
    	margin: 0;
    	list-style: none;
    	counter-reset: tptn-list;
    	margin-left: 0;
    .tptn-list > li .tptn_link:after {
      	content: counter(tptn-list);
        	counter-increment: tptn-list;
        	font-weight: bold;
        	float: left;
        	width: 40px;
    	background: #ffeb36;
    	font-size: 16px;
    	color: #000;
        	text-align: center;
        	-moz-box-shadow: 5px 4px rgba(0,0,0,0.4);
    	-webkit-box-shadow: 5px 4px rgba(0,0,0,0.4);
    	box-shadow: 5px 4px rgba(0,0,0,0.4);
    .tptn_link img{
    	height: 180px;
    	display: block;
    	color: #0077EE;
    	height: 50px;
            font-size: 18px;
    	font-weight: bold;

    is there anything in the CSS i need to fix for the latest version? I would like to have the latest version installed on my website for security purposes

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



    Can I see a link on your site which has this code?

    Also, it is possible you move to the later version so I can see exactly how the thumbnails are resized?

    Hey Ajay,

    here is how it looks in version 1.8.1 here and you can check how it looks with the latest update version on my site here

    Plugin Author Ajay


    Steve, have you tried disabling timthumb?

    You can find the option “Use timthumb to generate thumbnails? ” under Output options

    Hi, I tried your suggestion but its still not looking right. The thumbnails should output at a width of 320px but they are getting cropped into smaller sizes. You can take a look at my settings

    Any ideas? :-/

    Plugin Author Ajay


    I’ve been looking into timthumb’s options. Do you think you can try editing the top-10.php file line 604 to this and enabling timthumb.

    I must confess that I’m no expert in CSS, but from what I understand the problem is that your thumbnails aren’t being displayed currently

    I’ve changed the zc setting to 2. This should crop the image exactly and pad as necessarily.

    $new_pi = $ald_url.'/timthumb/timthumb.php?src='.urlencode($postimage).'&w='.$thumb_width.'&h='.$thumb_height.'&zc=2&q=75';

    Hey Ajay thanks for your continuing help. I tried your suggestion above and I had no luck. The thumbnails actually got smaller. Ive been looking over the code but cant seem to point out what is the issue

    Plugin Author Ajay


    Can you please post screenshots of the Settings Page?

    Here is the screenshot of my current settings

    Plugin Author Ajay


    Steve, there is something funny with the options page, it’s missing the Maximum width of thumbnail and Maximum height of thumbnail options.

    Check out the screenshot

    I suggest, resetting the settings to default and then once again changing them to fit your site

    I set the default options and its still dosent display thumbnails in correct size. If I have Timthumb checked the thumbnails all appear in size 50px x 50px. When I uncheck it the thumbnails show in various sizes. I have also played with the ZC setting and it has not made a difference with both options.

    My settings are:
    Max width: 320px
    Max height: 1200px

    The tumbnail output is the problem. I also tried changing the “Post tumbnail meta field name” and it still did not work

    Plugin Author Ajay


    Do you think I can get access to your blog to check these settings? If so drop me a line via my contact form



    Hi Guys,

    I was looking for so long for this “custom.CSS” file until I found out that I have to add the code described by steveone86 directly to the settings page in the CSS Tab.

    How does this work? Is there created anywhere another CSS File when I add the code to the settings page?

    Plugin Author Ajay


    The CSS styles tab adds the CSS code to the header of your page.

    Alternatively, you can just add this into the style.css of your theme

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Please help me with CSS problems appearing with new version’ is closed to new replies.