Results 1 to 3 of 3
  1. #1
    Join Date
    Jul 2006
    Posts
    12
    Plugin Contributions
    0

    Indent Side Boxes?

    I would like to use a background for my main wrapper that has rather thick borders on each side. In order to use this background, I need to be able to indent both my left and right sideboxes. I fooled around with padding and margins for most of last night and today and wasn't able to get anything to work. I also searched the forums using every search term I could think of and found nothing that would help me. Is it possible to indent the sideboxes? I'm using a template based on the template_default.

    Thanks,

    Jan

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

    Default Re: Indent Side Boxes?

    Do this by editing the stylesheet for your custom template(the one you created)
    Find this code:
    Code:
    .leftBoxContainer, .rightBoxContainer {
        margin: 0em;
        border: 1px solid #000000;
        border-bottom: 3px solid #000000;
        margin-top: 1.5em;
    	}
    Separate and change to this:
    Code:
    .leftBoxContainer {
        border: 1px solid #000000;
        border-bottom: 3px solid #000000;
        margin-top: 1.5em;
        margin-left: 5px;
    	}
    
    .rightBoxContainer {
        border: 1px solid #000000;
        border-bottom: 3px solid #000000;
        margin-top: 1.5em;
        margin-left: -5px;
    	}
    You can adjust the values but should also adjust the column width in the admin >
    configuration > layout settings. If you add 5 or 10 px margin add that to the left and right coulmn widths.

    Note the right has the margin-left as a negative value...I have tried margin-right as a positive value and this does not render correctly, the negative value does
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jul 2006
    Posts
    12
    Plugin Contributions
    0

    Default Re: Indent Side Boxes?

    Thanks for your help, Kobra, but I still can't get it to work. I posted a new thread showing how the layout is falling apart.

    Thanks,

    Jan

 

 

Similar Threads

  1. v150 Center Boxes causing Side Boxes to shift
    By SweetEmotions in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Nov 2014, 02:02 PM
  2. Replies: 2
    Last Post: 13 Jun 2011, 04:22 PM
  3. How to Add SSL Seal to Side Bar Under Side Boxes
    By jacdesigner in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Mar 2009, 08:54 AM
  4. Side Box Side indent
    By Unreal2009 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 28 Aug 2008, 01:30 PM
  5. Make categories side box different from other side boxes
    By Jeff G in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 20 Nov 2007, 10:16 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