[VMA]

Hi – I’m using the pro version and i want to adjust the height of the rows in the tables. I’m using ‘style1-green’ (also style3 on another site) but i can find it anywhere.
I would also like to remove the bullet format ( if possible.
thanks John

[WordPress Eden]

the row height automatically adjusted from /js/icons.js . you need to remove the js code from there to skip auto adjustment of row height.
and usually bullet points come from theme css. you need to edit theme css to remove bullet points. But can tell you specifically, if you can give me an example URL.

Thanks

[Heyhoe]

VMA – try replacing your icon.js with the following – this will adjust each row to it’s required max height, not the height of the tallest row in the entire table:-

// Change this variable to set the minimum height of a row, regardless of the contents
var min = 35;

// Temp variable to hold the max row height for each column
var mh = new Array();

// the number of columns in the pricing table
var cols = jQuery(‘.col1’).size() – 1;

jQuery(‘#shaon-pricing-table .responsive’).css(‘width’,(98/(jQuery(‘#shaon-pricing-table .responsive’).length+1))+’%’);
jQuery(‘#shaon-pricing-table li’).each(function(){
jQuery(this).html(jQuery(this).html().replace(‘[y]’,”));
jQuery(this).html(jQuery(this).html().replace(‘[n]’,”));
jQuery(this).html(jQuery(this).html().replace(‘[na]’,”));
});

jQuery(‘#shaon-pricing-table li img’).addClass(‘aligncenter’).css(‘border’,’0px’).css(‘padding-top’,’0px’).css(‘padding-bottom’,’0px’).css(‘margin-bottom’,’0px’);

// Iterate through each of the cols and get the max height of each row
jQuery(‘#shaon-pricing-table li’).each(function(index){
if(jQuery(this).height() > mh[index % cols]){
mh[index % cols] = jQuery(this).height();
}else{
mh[index % cols] = 0;
}
});
// iterate over each of the rows again adjusting to the max height required by eadch of the cols
jQuery(‘#shaon-pricing-table li’).each(function(index){
mh[index % cols] = mh[index % cols] < min ? min : mh[index % cols];
jQuery(this).css('height',mh[index % cols] + 'px').css('min-height','25px');
});

[manyas56yahoocom]

yea you don’t make any freakn sense……. why don;t you explain yourself a bit better so everyone who is less experienced with coding can understand. ffs

[WordPress Eden]

@manyas56yahoocom,
As it require change in code, you certainly will need some experience in coding, nothing there to explain better actually :). But we can update that for you. please send temporary wp-admin login info and ftp access on pricing-table directory to conatct@wpeden.com

[VMA]

Thanks for all your help guys – i’ll give it it a go.

[Eric Bobrow]

I edited my icon.js file using the code above and it seemed to work for a split second – I could see the table cells change to adjust for each row individuallly. However after a short time (less than a second) it went back to having a fixed height for all rows.

Is there another setting that needs to be set in order for this to really work properly?
The thread above mentions that one can simply remove the js code to prevent the automatic adjustment. I’m confused – what happens if you do this – is the height become a fixed height set in CSS?

This seems like such a basic feature of any graphic table – to automatically adjust to match each row separately – why is this a problem with this plugin?

[Eric Bobrow]

I’m just posting another note so I can subscribe to this thread.

[Author]

Posts