Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Sep 2010
    Posts
    109
    Plugin Contributions
    0

    Default distance between elements in columns

    I want to increase the distance between elements in left column. (Information box and Categories box)

    How to do that?

  2. #2
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: distance between elements in columns

    Do you mean between the boxes - i.e. information, and categories - or you mean between the links in each box?

    In first case add this to your stylesheet.css

    Code:
    #information {
    margin-bottom: 30px;
    } /* use the value you like */
    In the second case see my last post here
    http://www.zen-cart.com/forum/showth...=175560&page=2

    Code:
    #informationContent ul li a {
    display: block;
    color: #FFFFFF;
    background: none repeat scroll 0 0 #FFFF00;
    border-bottom: 1px dotted #FFFFFF;
    padding: 3px;
    }
    You can change the padding like this
    padding: 2px 0 2px 0;

  3. #3
    Join Date
    Sep 2010
    Posts
    109
    Plugin Contributions
    0

    Default Re: distance between elements in columns

    I'm interested about first case but the problem is if :

    In categories box I add some categories the information box go to bottom.

    As I add even more categories in categories box the information box goes below.

    How to repair that?

  4. #4
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: distance between elements in columns

    Why do you keep uninstalling Zen Cart?
    If you want to change the template all you need to do is either create a new template, or delete the one you want.

    The suggestion in my previous post should work, have you set the order of the boxes in
    admin > tools > layout boxes controller?
    The lowel value the higher the box.

    Post back when you have Zen Cart online again, and add a couple categories to see exactly what you mean.

  5. #5
    Join Date
    Sep 2010
    Posts
    109
    Plugin Contributions
    0

    Default Re: distance between elements in columns

    i solved the problem.

  6. #6
    Join Date
    Sep 2010
    Posts
    109
    Plugin Contributions
    0

    Default Re: distance between elements in columns

    how to do that information box stay fix. when I change screen resolution the information box goes below/above . And I want to be same height as the logo.

  7. #7
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: distance between elements in columns

    I tried different resolutions, and it stays where it should.

    You should/could control the width of your columns (L+R) in admin > configuration > layout settings

    You should remove the left padding value (now is 100) from your #logo, I don0t see why you need it.
    You could add a
    padding-bottom: 33px
    to your #information
    to line it up better with your logo at the bottom.

  8. #8
    Join Date
    Sep 2010
    Posts
    109
    Plugin Contributions
    0

    Default Re: distance between elements in columns

    I posted print screens of different resolution of the screen so you can see the difference.
    Attached Files Attached Files

  9. #9
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: distance between elements in columns

    I see try the following

    line 780 locate #information, and add the padding-bottom

    #information {
    margin-bottom: 70px;
    padding-bottom: 44px;
    }

    line 594 locate .sideBoxContent and change the padding values

    .sideBoxContent {
    background-color: black;
    padding: 0 0.5em;
    }

  10. #10
    Join Date
    Sep 2010
    Posts
    109
    Plugin Contributions
    0

    Default Re: distance between elements in columns

    the problem persist

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v139h how to decrease the distance between the category images?
    By didolim in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Sep 2012, 10:55 PM
  2. distance between featured products in main page
    By alexdog1805 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 8 Mar 2011, 08:01 PM
  3. distance between ezpages
    By alexdog1805 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 5 Mar 2011, 12:03 AM
  4. HELP - Changing Distance Between Items
    By Nick_Sonick in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 2 Jun 2007, 02:43 PM
  5. Distance between Images in "New Products of the Month"
    By vinnieb in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 12 Sep 2006, 04:21 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