Please help me with CSS problems appearing with new version

  • Resolved steveone86

    (@steveone86)


    11 years, 10 months 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

    https://www.ads-software.com/extend/plugins/top-10/

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

    (@ajay)

    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?

    Thread Starter steveone86

    (@steveone86)

    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

    (@ajay)

    Steve, have you tried disabling timthumb?

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

    Thread Starter steveone86

    (@steveone86)

    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? :-/

    Plugin Author Ajay

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

    Thread Starter steveone86

    (@steveone86)

    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

    (@ajay)

    Can you please post screenshots of the Settings Page?

    Thread Starter steveone86

    (@steveone86)

    Here is the screenshot of my current settings

    Plugin Author Ajay

    (@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 https://www.www.ads-software.com/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

    Thread Starter steveone86

    (@steveone86)

    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

    (@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 https://ajaydsouza.com/contact/

    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

    (@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.