Results 1 to 7 of 7

Hybrid View

  1. #1
    Join Date
    Feb 2012
    Posts
    22
    Plugin Contributions
    0

    Default adjust the width of side box of side column

    hello all,
    I'm trying to adjust the width of the left column and left box to make them align with the left side of my page width of mainwrapper is 900px and the width of centercolumn is 640px)
    My site now looks like this.
    I would like to create the effect that there is a gap between the side box and mainwrapper (which is already the case now) however the righthand side of mainwrapper is aligned with the righthand side of the categories header and the lefthand side of side box is aligned with the lefthand side of the categories header.
    Now my "Column Width - Left Boxes" is 210px and "Column Width - Left" is 260px.
    Please give some advice on this issue..I've been modifying it for so many times but still cant figure out. thank you for your help!

  2. #2
    Join Date
    Mar 2010
    Posts
    251
    Plugin Contributions
    0

    Default Re: adjust the width of side box of side column

    Quote Originally Posted by b90702098 View Post
    hello all,
    I'm trying to adjust the width of the left column and left box to make them align with the left side of my page width of mainwrapper is 900px and the width of centercolumn is 640px)
    My site now looks like this.
    I would like to create the effect that there is a gap between the side box and mainwrapper (which is already the case now) however the righthand side of mainwrapper is aligned with the righthand side of the categories header and the lefthand side of side box is aligned with the lefthand side of the categories header.
    Now my "Column Width - Left Boxes" is 210px and "Column Width - Left" is 260px.
    Please give some advice on this issue..I've been modifying it for so many times but still cant figure out. thank you for your help!

    I am not exactly sure what it is you are trying to achieve. From looking at your site I guess you want the left side boxes to vertically align with the left top.

    You could try this in your stylesheet.css

    #navColumnOneWrapper {margin-left: -0em;}

  3. #3
    Join Date
    Feb 2012
    Posts
    22
    Plugin Contributions
    0

    Default Re: adjust the width of side box of side column

    actually I'm trying to make the left column align with the left side of my categories header (red line in the picture below)

    Hope I make myself clear here..thanks:)

  4. #4
    Join Date
    Mar 2010
    Posts
    251
    Plugin Contributions
    0

    Default Re: adjust the width of side box of side column

    Thats what I thought :) The css code I gave you will work.

  5. #5
    Join Date
    Feb 2012
    Posts
    22
    Plugin Contributions
    0

    Default Re: adjust the width of side box of side column

    hmm, I did try but the space between the mainwrapper and the left side of the explorer window is gone like this-

    I would like to keep that space and make the left box align with the left side of the categories headers...thanks!

  6. #6
    Join Date
    Feb 2010
    Posts
    2,159
    Plugin Contributions
    17

    Default Re: adjust the width of side box of side column

    find:

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    background-color:'#000000';
    }

    and remove:
    #navColumnOneWrapper,

    to look like this:

    #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    background-color:'#000000';
    }

 

 

Similar Threads

  1. Search text input box width (in side box)
    By joshuaholland in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 Apr 2010, 01:11 PM
  2. Sidebox Images Overflow Width of Box on Right Side
    By dmacmanes in forum Basic Configuration
    Replies: 1
    Last Post: 5 Aug 2009, 11:58 PM
  3. Moving the side box out side
    By M.O.S. Studios in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 28 Jul 2008, 11:11 AM
  4. side box freak out, bad layout?? my sideboxes bleed off to the side
    By ChristopherDoiron in forum General Questions
    Replies: 6
    Last Post: 4 Feb 2008, 01:12 AM
  5. Side Column Width
    By Joanna in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 22 Oct 2007, 07:48 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