Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How do I adjust the column width between the product image and the product name?

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

Locked

Views: 942

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
28 Jun 2010, 12:31 AM
#1
wiccan0974 avatar

wiccan0974

New Zenner

Join Date:
Jul 2008
Location:
Australia
Posts:
73
Plugin Contributions:
0

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?main_page=index&cPath=67_114&sort=20a&page=1

29 Jun 2010, 9:14 AM
#2
10west avatar

10west

New Zenner

Join Date:
Feb 2010
Location:
Arizona
Posts:
50
Plugin Contributions:
0

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
}

29 Jun 2010, 9:16 AM
#3
10west avatar

10west

New Zenner

Join Date:
Feb 2010
Location:
Arizona
Posts:
50
Plugin Contributions:
0

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