Results 1 to 5 of 5
  1. #1
    Join Date
    Jul 2005
    Posts
    26
    Plugin Contributions
    0

    Default grid layout alignment issue

    I've been really banging my head against the wall with this and I'm hoping someone can help. We're using zen-cart 1.3.1 and the column/row module and it works great. The problem I'm having is with lining up the product graphics in a row by their bottom edge. This is easier to show. If you look at the top two row of products here http://www.amincousa.com/zcart/index...ort=20a&page=2 you'll see that the three items are lining up on their top edge. I want them to line up on their *bottom* edge.

    All the research I'm done suggests that there isn't an easy way to do this. Someone at experts-exchange suggested I wrap each row in another div that's vertical-aligned bottom. I'm not quite sure how to go about doing this and I've tried to save the link above as its own page to mess with the divs, but can't seem to make it work even "manually."

    Any idea how I can do this?

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: grid layout alignment issue

    Looking at your site I would first check to see if there is a special .css file installed for the column-grid layout. As I have not installed this I can't check.

    If not you could try this, but make copies in the event it does not work.

    Find ths code in your stylesheet.css
    Code:
    .leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
    	line-height: 110%;
    	border-top: 1px solid #9a9a9a;
    	border-bottom: 1px solid #9a9a9a;
    	padding: 4px;
    Change to this
    Code:
    .rightboxcontent
    	line-height: 110%;
    	border-top: 1px solid #9a9a9a;
    	border-bottom: 1px solid #9a9a9a;
    	padding: 4px;
            vertical-align: bottom;
    
    
    .leftboxcontent, .centerboxcontent, .singleboxcontent {
    	line-height: 110%;
    	border-top: 1px solid #9a9a9a;
    	border-bottom: 1px solid #9a9a9a;
    	padding: 4px;
    Then see if it produces what you want
    Please post back with what you see
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: grid layout alignment issue


    My Opps!!!

    It was late when I posted before. Re-reading this I think that I pulled .rightboxcontent out and should have been .centerboxcontent

    Sorry if I led you wrong
    Zen-Venom Get Bitten

  4. #4
    Join Date
    Jul 2005
    Posts
    26
    Plugin Contributions
    0

    Default Re: grid layout alignment issue

    No problem. I appreciate the reply! I've tried adding the vertical-align line for *all* the ---boxcontent variables and it had no effect on anything as far as I could tell. Actually I looked at the two files the column-layout-grid module changes (product_listing.php in the includes/modules folder and the tpl_modules_product_listing.php file in my template folder) and neither of them seem to make any reference to centerboxcontent. I only see a reference to "centerBoxContentsProducts" product_listing.php file.

    Anything else I could try?

  5. #5
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: grid layout alignment issue

    I know this is an old thread but i didnt want to start a new one.....

    I am also have a similar problem to the original poster i have the column grid layout module installed and atm my product listing is all over the place....
    If you have a look at http://www.truwater.com.au/index.php...index&cPath=11 you will see that its aligned by the top of the product title, I thought maybe it would look better if i aligned it from the top of the rrp price so that the pricing and button are always on the same line. Can anyone help?

 

 

Similar Threads

  1. v151 Alignment issues using column layout grid 2.3.1
    By scuggler in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 6 Sep 2013, 02:28 AM
  2. Layout alignment issue on FF/Safari
    By magix in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 29 Jun 2010, 02:50 PM
  3. Column Layout Grid install issue
    By alekt in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 1 Mar 2010, 07:06 PM
  4. Another Column Layout Grid Issue
    By Reeselectronics in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 2 Jun 2009, 01:16 AM
  5. Alignment/layout issue when using Layout Boxes Controller
    By nicknight in forum General Questions
    Replies: 0
    Last Post: 25 Oct 2008, 02:04 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg