Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Info page: how to align attributes closer (without space)

Product Info page: how to align attributes closer (without space)

Views: 735

Results 1 to 5 of 5
8 Jul 2012, 5:13 AM
#1
scott_ease avatar

scott_ease

New Zenner

Join Date:
Jun 2012
Posts:
68
Plugin Contributions:
2

Product Info page: how to align attributes closer (without space)

Hi, I cudgedled my brain but still couldn't solve the two problems (on the same page) by myself. Please help me.

I added some attributes on this product only (http://angelcorp.net/california-baby/index.php?main_page=product_info&cPath=1_4&products_id=7), but 'Contact Us' was somehow pushed to the left (it should stay right below price like other pages). Other products page were not affected. How can I move it back?

Also how to move those option values closer without space? I checked 'tpl_product_info_display.php' and found no <br class="clearBoth" /> clause between <!--bof Attributes Module --> and <!--eof Attributes Module -->.
Thanks in advance.

8 Jul 2012, 11:56 AM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Product Info page: how to align attributes closer (without space)

Try this
You may need to tweak some of the values

#cartAdd {
float: right;
text-align: center;
width: 400px;
}

#productPrices {
float: right;
text-align: center;
width: 400px;
}

#productAttributes {
float: right;
width: 400px;
}

.wrapperAttribsOptions {
float: right;
list-style-type: none;
margin: 0 50px -10px 0;
text-align: left;
vertical-align: top;
width: 250px;
}

8 Jul 2012, 4:21 PM
#3
scott_ease avatar

scott_ease

New Zenner

Join Date:
Jun 2012
Posts:
68
Plugin Contributions:
2

Re: Product Info page: how to align attributes closer (without space)

Thank you so much, Keneso. That's why people love zen cart and this forum. You have a nice day.

8 Jul 2012, 6:39 PM
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Product Info page: how to align attributes closer (without space)

You are welcome.
Soon you'll be here to help others ... hopefully. ;)

You may get yourself firefox, and firebug and/or web developer extensions to help you with your styling, and more.

9 Jul 2012, 2:40 AM
#5
scott_ease avatar

scott_ease

New Zenner

Join Date:
Jun 2012
Posts:
68
Plugin Contributions:
2

Re: Product Info page: how to align attributes closer (without space)

Thank you for your help, keneso. I wish I could be of help to other people. I'm very conscious that I'm still a new-comer. I feel I just entered the door and realized that Zen Cart palace is grand and gorgeous.
To be honest, this is the first time I heard of firebug and/or web developer extensions (IT is not my major.) Since I'm not a computer guy, the past a few weeks was a painful process for me to learn to use zen cart. Hope other people without much IT knowledge like me can get some confidence from my experience. Besides, we have experts here offering help all the time. Thanks to all contributors.