Results 1 to 6 of 6
  1. #1
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Margin Left of New Product Images:

    Does anyone know how to either centre the new product images in the left column, or at least how to reduce the left margin between the pics and the main wrapper border?

    If you look at my site, the text below these images is centred, but the images themselves seem right aligned?

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

    Default Re: Margin Left of New Product Images:

    Remove your imposed padding for these boxes in the stylesheet.css file
    Code:
    .sideBoxContent {
    padding-top:5px;
    padding-left:10px;
    padding-bottom:15px;
    padding-right:10px;
    
    /* background:transparent url('../images/content-bg.jpg') top center repeat-x; */
    /* line-height:10px; */
    
    }
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Margin Left of New Product Images:

    Thanks, that's certainly moved the images to where I want them.

    Now only one tiny little niggle.... Look at the text that says, "Blue Lace Up Stilleto Shoes by Moschino" under the pic of the blue shoes... Why would this text have a lesser margin than all the other text entries in the same box??

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

    Default Re: Margin Left of New Product Images:

    Same as it is in your padding declarations
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Margin Left of New Product Images:

    Thanks for your help and I'm sorry if I sound thick, but which line defines the padding of the text as opposed to the padding of the images?

    It seems that just one line of text is aligned further left than the others and that the text beneath the pics isn't quite centred on the pics?

    While you're there, do you mind if I ask a quick question that's slightly off topic? You I've changed almost all of my title bar backgrounds to background-images but do you know which blocks govern the flat black title bars here namely, "New Products For February - Womenswear" and, "Monthly Specials For February"??

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

    Default Re: Margin Left of New Product Images:

    It seems that just one line of text is aligned further left than the others and that the text beneath the pics isn't quite centred on the pics?
    On a quick look you have too many declarations and they are probably conflicting??
    Code:
    .leftBoxContainer a:link, .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    padding-left: 14px;
    line-height: 18px;
    }
    
    .sideBoxContent {
    padding-top:5px;
    padding-left:0px;
    padding-bottom:15px;
    padding-right:10px;
    /* background:transparent url('../images/content-bg.jpg') top center repeat-x; */
    /* line-height:10px; */
    }
    I've changed almost all of my title bar backgrounds to background-images but do you know which blocks govern the flat black title bars
    Same one as where you placed the image
    Code:
    h2.centerBoxHeading {
      /* background:transparent url('../images/box-title-bg.jpg') center center repeat-x; */
      font: 13px tahoma, arial, sans-serif;
      font-weight: bold;
      padding-top: 4px;
      padding-bottom: 4px;
      color:#fff;
      background-color: #000000;
      background-image: url(../images/heading-bg.png);
    background-position: 7px 3px;
    background-repeat: no-repeat;
    text-align:left;
    /* border-bottom: 3px solid #FDA7CA; */
    }
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. Bottom Margin on Whats New Product Boxes
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 22 Jul 2010, 12:01 PM
  2. No Margin on left side
    By corig in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 1 Oct 2008, 04:50 PM
  3. Fix Bullet List Left Margin on Product Description Page
    By gems14k in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 7 Nov 2006, 08:07 AM
  4. Bestsellers - Left margin setting
    By phildog in forum Basic Configuration
    Replies: 0
    Last Post: 2 Sep 2006, 01:36 AM

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