Results 1 to 3 of 3
  1. #1
    Join Date
    Jul 2006
    Location
    WNC
    Posts
    24
    Plugin Contributions
    0

    Default Centerboxes/column layout changes-HELP!


    Thanks in advance for all your HELP!

    Using ZC version: 1.3.02
    Using a modified CSS based on the one for 'template_default

    Site:
    http://www.sbservices.us/store/

    In the CENTER column / boxes area, what Im trying to accomplish is to have each of the sections - NEW products, or Featured products or whatever other section I want to use there - to HAVE the same MARGIN, or padding as I have for each of the SIDEBOXES - ''category, info, specials, search, etc...
    In the CSS I figured out how to set the margin/padding for the LEFT and RIGHT columns, but no matter how much Ive experimented with the center column wrappers, content wrappers, etc in the CSS, I cant get either a border or a margin around these sections;

    If the page background is BLACK, I want to either have EACH of these center sections to have the SAME black border or a margin between them, as do the left / right columns...

    For example;
    The first section 'New Products for...'
    I'd like to have that entire section SEPARATED from the one above it and the 'Monthly Specials" section below it - either by a black border or a margin setting (that will appear to be a border - again, just like the boxes in the left and right columns are separated by the black background).



    Thanks!!

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

    Default Re: Centerboxes/column layout changes-HELP!

    It looks as though your were attempting to set this with:
    Code:
    /* TESTING*/
    .centerBoxWrapperwhatsNew {
    margin: 2em;
    padding: 2em;
    border: 2px solid #000000;
    }
    try this:
    Code:
    #whatsNew.centerBoxWrapper {
    margin: 2em;
    border: 1px solid #000000;
    }
    and
    Code:
    #specialsDefault.centerBoxWrapper {
    border: 1px solid #000000;
    }
    This will create a 1px solid border around these areas.
    Also find the ' .centerBoxHeading '

    Now by playing with the px, margins, and padding of these and the ones around it you can attain what you seek.

    If you are not using FireFox and the web dev tools seriously think abot getting them. Especially for these css bouts as you can do the wysiwyg by editing the css interactively and then saving as a local file when you get what you want to be uploaded to you cart later.
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jul 2006
    Location
    WNC
    Posts
    24
    Plugin Contributions
    0

    Default Re: Centerboxes/column layout changes-HELP!



    Thanks Kobra!

    You were SO RIGHT!
    You saw where I hade made notes to myself within the CSS while trying to figure out what's-what and how to get it to do what I wanted;
    CSS just isnt one of those things I really ever got into... yet...

    I used your sample code and it worked right on!

    I havent used FF much either, even though I had it just to test some designs across browsers... Now I cant for the life of me know how Ive lived without it!

    After your suggestion I downloaded a bunch of the DevTools, specifically the CSS editors, checkers, etc....
    WOW !!!
    I can edit and see the changes immediately and check the source in-line!
    I had no idea what I was missing!!!

    Ive still got some more tweaking and experimenting to do, but it should be a LOT easier now!



    My next fight is trying to get my old database (from ver 1.2.6) into this new db... Ive read the sheet on it in wiki... but, man what a hassle!
    It almost seems easier to just start over!

 

 

Similar Threads

  1. Replies: 2
    Last Post: 23 Mar 2012, 03:28 PM
  2. Some help with layout changes
    By rapro in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 26 Jan 2010, 10:17 AM
  3. My Layout Changes! Why? Help
    By teddyed22 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 29 Dec 2008, 08:43 PM
  4. Product Layout Changes - Need Help!
    By emtecmedia in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 2 Mar 2007, 05:03 AM
  5. Layout changes in I.E 7 help
    By ladygodiva in forum Templates, Stylesheets, Page Layout
    Replies: 21
    Last Post: 26 Jan 2007, 01:14 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