Good day to everyone if this thread is still monitored.
I installed it after the Column Layout Grid mod and made some small changes to achieve what I wanted. It all works as expected except for two minor issues which somebody might guide me to solving and have my bless. The changes I made are as below (amendments in red, additions in blue):
1) Changed the 4x4 delim_v.gif to a 1x1 grey dot.
2) Changed the includes/templates/my_template/css/stylesheet_dotline.css from
Code:.vDotLine { background-color: transparent; background-image: url(../images/delim_v.gif); background-repeat: repeat-y; background-attachment: scroll; width: 20px; font-size: 1px; } .hDotLine { background-image: url(../images/delim_v.gif); padding:1px 0; }to
Code:.vDotLine { background-color: transparent; background-image: url(../images/delim_v.gif); background-repeat: repeat-y; background-attachment: scroll; width: 20px; padding:1px 1px 0px 0px!important; font-size: 1px; } .hDotLine { background-image: url(../images/delim_v.gif); padding:0px 0px 1px 1px; }
3) Changed two lines in the includes/templates/my_template/common/tpl_columnar_display.php from
toCode:.... .... <table width="100%" align="center" cellpadding="1" cellspacing="15" border="0"> .... .... echo '<td width="'. (intval($col_width) - 0.5) .'%" align="center" valign="top"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n"; .... ....
Code:.... .... <table width="100%" align="center" cellpadding="8" cellspacing="0" border="0"> .... .... echo '<td width="'. (intval($col_width) + 0.5) .'%" align="center" valign="top"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n"; .... ....
Now, the two issues I'm asking help on are:
1) The above amendments have changed the dotted lines to solid thin grey lines which form "boxes". That's exactly what I needed and it appears perfectly in Chrome. However, there is a very small gap on the left of each horizontal line in Firefox and IE. I have played around with the -0.5 value of the php file. If I leave it at -0.5 the gap is a lot more wide. If I change it to +1.0 the gap disappears but then the last column is narrower than the other two by about 15px. The +0.5 is the closest I can get to having equal column widths and a 4px gap.
2) The second issue is not related to this mod but somebody might be able to help. I just want the Buy Now buttons to be aligned at the bottom of each box but can't find a way to achieve this. It could be a simple css line or not.
Any help will be appreciated. Wishes for a nice Sunday and kind regards from Athens.


Reply With Quote

