WordPress.org

Ready to get started?Download WordPress

Forums

Top 10 - Popular posts plugin for WordPress
[resolved] Please help me with CSS problems appearing with new version (14 posts)

  1. steveone86
    Member
    Posted 1 year ago #

    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 */
    
    #top-10{
    	margin: 0;
    }
    .tptn-list{
    	list-style: none;
    	counter-reset: tptn-list;
    	margin-left: 0;
    }  
    
    .tptn-list > li .tptn_link:after {
    	clear:both;
      	content: counter(tptn-list);
        	counter-increment: tptn-list;
        	font-weight: bold;
        	float: left;
        	width: 40px;
    	background: #ffeb36;
    	font-size: 16px;
    	color: #000;
    	position:relative;
    	bottom:247px;
        	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;
    }
    
    .tptn_title{
    	display: block;
    	color: #0077EE;
    	height: 50px;
            font-size: 18px;
    	font-weight: bold;
    	clear:both;
    	margin-bottom:12px;
    }

    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

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

  2. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    Steve,

    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?

  3. steveone86
    Member
    Posted 1 year ago #

    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

  4. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    Steve, have you tried disabling timthumb?

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

  5. steveone86
    Member
    Posted 1 year ago #

    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
    here

    Any ideas? :-/

  6. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    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';

  7. steveone86
    Member
    Posted 1 year ago #

    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

  8. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    Can you please post screenshots of the Settings Page?

  9. steveone86
    Member
    Posted 1 year ago #

    Here is the screenshot of my current settings

  10. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    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 https://www.wordpress.org/extend/plugins/top-10/screenshot-2.png?r=713157

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

  11. steveone86
    Member
    Posted 1 year ago #

    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

  12. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

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

  13. oliverschultze
    Member
    Posted 11 months ago #

    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?

  14. Ajay
    Member
    Plugin Author

    Posted 11 months ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.