Results 1 to 3 of 3
  1. #1
    Join Date
    Jul 2008
    Location
    Australia
    Posts
    74
    Plugin Contributions
    0

    Default How do I adjust the column width between the product image and the product name?

    Hi Zenners,

    I need to decrease the space between the product image column and the product name column and can't find where to do this...I also need to increase the product name column if anyone could also tell me how to do this I would be sooo greatful.

    Thanks in advance :)

    http://thecrookedpath.net/index.php?...ort=20a&page=1

  2. #2
    Join Date
    Feb 2010
    Location
    Arizona
    Posts
    50
    Plugin Contributions
    0

    Default Re: How do I adjust the column width between the product image and the product name?

    it's going to be in your css file, specifically look for the various
    ".centerboxwrapper"s and ".centerboxcontent"s, they are named pretty logically, and padding and sizing can be experimented with in there.

    for example
    ".centerBoxContentsNAMEOFBOX"<<<<<

    .centerBoxContentsAlsoPurch {
    MARGIN: 1em 0em
    }
    .centerBoxWrapper {
    BACKGROUND-IMAGE: url(../images/bg_centerbox.jpg);
    BORDER-BOTTOM: #252736 1px solid;
    BORDER-LEFT: #252736 1px solid;
    MARGIN: 0.1em 0px;
    HEIGHT: 1%;
    BORDER-TOP: #252736 1px solid;
    BORDER-RIGHT: #252736 1px solid
    }

  3. #3
    Join Date
    Feb 2010
    Location
    Arizona
    Posts
    50
    Plugin Contributions
    0

    Default Re: How do I adjust the column width between the product image and the product name?

    JUST SOME MORE EXAMPLES WITHIN STYLESHEET.CSS

    .centerBoxContentsSpecials {
    MARGIN: 1em 0em
    }
    .centerBoxContentsAlsoPurch {
    MARGIN: 1em 0em
    }

    .centerBoxContentsFeatured {
    MARGIN: 1em 0em
    }
    .centerBoxContentsNew {
    MARGIN: 1em 0em
    }
    .centerBoxWrapper {
    BACKGROUND-IMAGE: url(../images/bg_centerbox.jpg); BORDER-BOTTOM: #252736 1px solid; BORDER-LEFT: #252736 1px solid; MARGIN: 0.1em 0px; HEIGHT: 1%; BORDER-TOP: #252736 1px solid; BORDER-RIGHT: #252736 1px solid
    }
    H2.centerBoxHeading {
    COLOR: #beb994; FONT-SIZE: 1.3em
    }

    REVIEW "TEMPLATE OVERRIDES" ALSO FOR RETAINING CHANGES IN THE FUTURE, AND CREATING VARIOUS TEMPLATES, ETC

 

 

Similar Threads

  1. v139h How do I delete the dead space between the category description and product listing ?
    By HeyIts007 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 9 Nov 2012, 08:30 AM
  2. how to align the product title, price and add to cart box next to the product image?
    By evaky in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 5 Mar 2012, 03:31 AM
  3. adjust spacing on Column Layout Grid between product name and product price
    By cpoet in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Jul 2010, 07:03 AM
  4. How to edith the width of the New Product image Box
    By mariuskem in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 28 Jan 2009, 07:19 PM
  5. How to I do product pages W/OUT the image and price on the top of the page?
    By triswim in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 8 Mar 2008, 07:46 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