Could Somebody Take A Look- Layout Questions

Hi there.. I- for the life of me- cannot figure out "where" to change something- or which file to look for!!

This is the page I would like to have someone look at:
http://kanikis.com/justforkeeps/index.php?main_page=product_info&cPath=12_24&products_id=73

And if you scroll all the way down- you'll see I added the attribute of a text option box. BUT- for the life of me- I can't get everything lined up- under add to cart..

"Please Choose" is way off to the left- and the "corn hugger design choice" is kind of off from the actual text box.. AND... I guess- none of this is really lined up under add to cart- the way I'd like it...

I'm "fairly" good at Css- with room for improvement needed- and when I opened it in firefox- and looked at the css of it- I still couldn't figure this little layout issue out....

ANYBODY??? Please???

Thanks bunches....

Finding ways to float everything left- but it's still messy!! Anybody with "more" css experience that can help- I would forever be in debt... Still looking for answers- but thought someone might be on that could possibly figure this out a little faster than me...

Thanks... :)

Me again... I just keep screwing it up more.. The whole bit down by add to cart looks messy- and takes too much room... And another issue- is that the person can add the item to the cart- before they even enter their choice in the textbox. That is not good either...

I'll just keep adding items to site- in hopes that someone here can help me straighten out the "ugly" ...

Blessings!!!

In your stylesheet.css around lines 374-378 find

#cartAdd {
border:0 solid #000000;
float:left;
padding:0;
text-align:center;
}

change text-align:center;
to text-align:left;

This will cause the text "Add to Cart" to move in line with "Please Choose" etc, however it will leave the position of the button unchanged.

Kaniki:

... And another issue- is that the person can add the item to the cart- before they even enter their choice in the textbox. That is not good either...

That needs to be changed in includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Thank you!!

Okay... Changed the addcart to left- instead of center.. That looks a bit better... There is still a lot of space around everything... not sure if the customer is going to realize that they have to enter in box- because for one- everything is so spaced out- and for two- it's WAY below the add to cart...

I opened up the tpl_product_info_display.php- but where and how do I alter that??? I don't want to screw up the code by entering some wrong variable...

Found a lot of help on a couple of other threads!! YAY!! Love you smart people... :) Here's a link to one for anyone who wishes to just remove the attribute product options- that say- "Please Choose"... As I personally didn't need that. My attribute is named as I need it to be!!

http://www.zen-cart.com/forum/showthread.php?t=158858&highlight=text+attribute+please+choose&page=2

And here is a link to the forum thread that I found- that helped me move the attribute- text box for choice- up above the add to cart... Now everything looks much neater- and tighter... YAY...

http://www.zen-cart.com/forum/showthread.php?t=85334&highlight=text+attribute+please+choose

And the rest- moving everything over to the left- was done in the css stylesheet!! That- I did make good use of firefox's web developer tools!! It's great for making sense of what is what- if it has a css style...

I hope this helps everyone or anyone else looking too!!

Thanks to everyone out there in the forum.. When people answer- we are all helped- by all the posts!! YAY!!!

Moved everything back over to the right- with css- BUT- the units in stock are still stuck in the middle of page...

Looks MUCH better- though- ( IMO ) so hope this helps everyone...

If I can help- and remember what I did- lol- I'll try to do my best....

Kaniki:

the units in stock are still stuck in the middle of page...

Very last line in your stylesheet......change to:

#productDetailsList {margin: 20px 0 0 580px;}

That will put your stock right under your Add to Cart Button.

YOU are awesome!!! Thankfully we have folks like you who know just what to do with all that css... I muddle my way through pretty good- but that would have taken me forever to figure out!!

Thanks sooooooo much!!!

Not a problem. Glad to help out.