Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How do I get these to line up?

How do I get these to line up?

Locked

Views: 1,087

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
15 Dec 2006, 7:39 PM
#1
ktnaturals avatar

ktnaturals

Zen Follower

Join Date:
Dec 2006
Location:
Ohio
Posts:
196
Plugin Contributions:
0

How do I get these to line up?

I've been messing with tpl_product_info_display.php and tpl_modules_attributes.php, but I just can't get the quantity box to line up with the rest.

http://www.ktnaturals.com/catalog/index.php?main_page=product_info&cPath=2&products_id=6

Also, how do I get rid of the + sign next to the attribute prices? Since I don't have a base price, the + sign makes it a bit confusing...

Thx!

15 Dec 2006, 10:16 PM
#2
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: How do I get these to line up?

Your quantity box appears to be bottom-aligned, as it's tight up against the top edge of the div id=productDescription. The attributes selector to the left of it seems, on the other hand, to be top-aligned, since it's tight up against the bottom edge of the div id=productAttributes.

Change one or the other of those alignments and it should look better.

Rob

16 Dec 2006, 1:37 AM
#3
ktnaturals avatar

ktnaturals

Zen Follower

Join Date:
Dec 2006
Location:
Ohio
Posts:
196
Plugin Contributions:
0

Re: How do I get these to line up?

I've messed with it some more, but I can't find where you adjust the vertical alignment of the qty box. The qty box and the "add to cart" button are both defined in 1 statement, and I don't know how to separate them in tpl_product_info_display.php (I'm not a coder at all).

<div id="cartAdd">
    <?php
      echo $display_qty;
      echo $display_button;
   ?>
</div>

Thx!

17 Dec 2006, 1:42 AM
#4
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: How do I get these to line up?

Hi again,

No need to modify the php code to do something like this. Just work with the stylesheet.

I see you've made some changes, and if you're fine with what you have, okay. But for future reference, pretty much everything can be styled from within the stylesheet (in zen cart 1.3.6 anyway.)

You'll have to track down, in your existing stylesheet, what styles are affecting these elements. Looking at the page source in your browser will help you figure out what to look for in the stylesheet. Then modify the styles until you get the desired effect, or, in some cases, create styles to do it. (I say create because, although all elements are available to be styled, quite a few are not specifically styled.)

I'm sorry to be so vague with this, but I'm deep in the bowels of my own site at the moment and can only spare a little time to help others. Going live soon!

Rob