Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product attributes spacing

Product attributes spacing

Locked

Views: 1,212

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
7 Nov 2008, 9:21 PM
#1
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Product attributes spacing

I don't know if this is truly a CSS problem:no:, but CSS is the usual place I start with layout issues.. So I thought I'd start by posting this message here..

Here's a sample of the issue I am having:
http://clients.overthehillweb.com/lanikshair/index.php?main_page=product_info&cPath=26&products_id=37

You'll notice that there is a pretty significant space between the 1st attribute, and the remaining attributes.. not sure how or what I need to look at modify to fix this.. I could use an assist from the experts 'round here..

7 Nov 2008, 9:39 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Product attributes spacing

DivaVocals:

I don't know if this is truly a CSS problem:no:, but CSS is the usual place I start with layout issues.. So I thought I'd start by posting this message here..

Here's a sample of the issue I am having:
http://clients.overthehillweb.com/lanikshair/index.php?main_page=product_info&cPath=26&products_id=37

You'll notice that there is a pretty significant space between the 1st attribute, and the remaining attributes.. not sure how or what I need to look at modify to fix this.. I could use an assist from the experts 'round here..

Di,
You half to move your add the cart button box below the attributes.

includes/ templates/ your_template/ templates/ tpl_product_info.php

7 Nov 2008, 9:54 PM
#3
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Product attributes spacing

haredo:

Di,
You half to move your add the cart button box below the attributes.

includes/ templates/ your_template/ templates/ tpl_product_info.phpExcellent.. I knew it was something I was overlooking.. Now one more thing.. I'm not quite sure how to get the "Add to Cart" box to align from the top with the 1st attribute...

7 Nov 2008, 10:11 PM
#4
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Product attributes spacing

I got lazy and decided to just use a simple table to solve my issue.. I'll look for a CSS solution later.. for now this meets my client's objective.. BUT.. if anyone knows a CSS solution I'll be grateful for the share..

7 Nov 2008, 11:42 PM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Product attributes spacing

DivaVocals:

I got lazy and decided to just use a simple table to solve my issue.. I'll look for a CSS solution later.. for now this meets my client's objective.. BUT.. if anyone knows a CSS solution I'll be grateful for the share..

Di,
Sure we can....

Locate your_template/ stylesheet.css
Find this:
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
}

Change to this:
#cartAdd {
float: right;
text-align: center;
margin: 2.2em 0em 0em 0em;
border: 1px solid #000000;
padding: 1em;
}