Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2022
    Location
    Oklahoma
    Posts
    4
    Plugin Contributions
    0

    Default Right Side Boxes Not Aligning Properly

    I am a new zenner, I have managed to get through most of the customizing however my right side boxes are not aligning properly.
    They are more towards the center instead of pushed over to the right edge like the left side boxes are and it is driving me insane!!
    main wrapper size is set to 1200 and header image 1200x300

    Any help would be greatly appreciated

    jennsxdesignsdotcom

    I wanted to add that if I fill the center main page with wording all the way across it pushes the right side boxes over to where I want them but ONLY on the main page, so they are still not aligned properly on the products pages ect. which really isnt a fix I know, just thought the info might help :)
    Last edited by JennxxDesigns; 9 Apr 2022 at 06:29 AM.

  2. #2
    Join Date
    Feb 2009
    Location
    UK
    Posts
    1,238
    Plugin Contributions
    1

    Default Re: Right Side Boxes Not Aligning Properly

    It looks as though there's a bug in \includes\templates\template_default\common\tpl_main_page.php

    In that file on line#157, change

    Code:
    <td id="navColumnTwo" class="columnRight" style="width: <?php echo (int)COLUMN_WIDTH_RIGHT; ?>"px>
    to
    Code:
    <td id="navColumnTwo" class="columnRight" style="width: <?php echo (int)COLUMN_WIDTH_RIGHT; ?>px">
    If you have created an override of that file you would also need to edit \includes\templates\JennsDesigns\common\tpl_main_page.php

    Your site seems to be based on the Zen Cart Classic template and is not really useable on mobile devices, I would suggest moving to a responsive template such as "responsive_classic"
    Simon

  3. #3
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,145
    Plugin Contributions
    11

    Default Re: Right Side Boxes Not Aligning Properly

    You can try the bootstrap template as well. Both are mobile/tablet friendly and much closer to being ADA/WCAG compliant.

    I also recommend using the Clone A Template mod to clone whichever one you choose BEFORE you make any changes. That gives you a base for comparison and fall-back for testing.

    If you continue with the #b47eb7 background with #ffffff color, you will be non-complant from the start with a LOT of your site. Consider #99639c as a background and it will meet the minimum for contrast.

  4. #4
    Join Date
    Mar 2022
    Location
    Oklahoma
    Posts
    4
    Plugin Contributions
    0

    Default Re: Right Side Boxes Not Aligning Properly

    Thank you soooo much, the boxes are now aligned properly, there is no way I would have figured this out on my own, I appreciate your help!

  5. #5
    Join Date
    Mar 2022
    Location
    Oklahoma
    Posts
    4
    Plugin Contributions
    0

    Default Re: Right Side Boxes Not Aligning Properly

    Appreciate the tips, I will look into this! I am very new to zencart, loving it so far but very inexperienced :)

 

 

Similar Threads

  1. v155 Left/Right Navigation Columns Not Properly Aligning Vertically
    By Kennith69 in forum Customization from the Admin
    Replies: 12
    Last Post: 18 Oct 2018, 04:22 PM
  2. Menu bar and side boxes not aligning properly in Firefox browser.
    By fkalanda in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Dec 2013, 02:01 AM
  3. button links not aligning properly in side category box
    By dellvostro in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Oct 2008, 08:45 PM
  4. Changed main layout width but side boxes not aligning properly
    By Bruce_T in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 23 Mar 2008, 10:22 PM
  5. navColumnTwo (right side) not aligning correctly
    By DMSerley in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Mar 2008, 06:00 PM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR