Hi all,
I am working on understanding this module using developer tools in Google Chrome, and of course studying the CSS and template files.
I am using version 1.5
One thing that is clear is that there is an unclosed div in each column, which upsets the vertical alignment.
The div in question is right above the column class:
<div class="section group">
```and it is not closed at the end of the column loop where we have only
$col .= '</ul>';
$col .= '</div>';
I am not sure what class "section" is referring to, it does not appear in my Chrome Developer Tools anywhere. "group" however seems to be inherited from Zen Cart's stylesheet.css, though only the ".group:after" attributes seem to be inherited as far as I can see. Maybe this div is intended to work with another plugin (I don't see any note that this plugin requires another one to be installed first though).
Adding another closing div in the column loop solves the alignment issues---presumably removing the div completely would be a similar fix for now.
I don't find the flexFooterColImage and flexFooterColText in the provided CSS either, so perhaps some developments were not in sync when the plugin was uploaded, or else I am missing something in my understanding (much more likely!).
Given the above, I am having some trouble with padding: the title has 20px padding, and the text/comment also has quite a bit (13.3px) of padding, not sure where that comes from. The title padding can easily be handled in the stylesheet h4 element, the text, well, adding style directly in the text field until padding and margin and text-alignment are set is the easiest quick fix for me.
Zen Cart 1.5.6c modified for Japanese language support. Upgraded incrementally from initial 1.5.5d. Currently planning direct upgrade to 2.1.0