Need spacing code help

[lauriesscraps]

I want to have a buy now button on all my products when the product are listed in each category, but some products show up with a combination of both the "more info" link and quantity box only and then other categories are listed showing the more info link and buy now links only depending on which list of products you are looking at.

For example, the all products category listing, or new products category listing or a specific product category listing. I hope this make sense. I have spent the last 6 hours looking for something in the forums but with no luck!

I also need help with a spacing issue. I want to add a space between the bullets in my individual product description and the product image. Right now, the bullets are overlapping into the image.

And one last thing, then I am done, I promise.... I want to move the short 150 character product description in the category listing to the right under the product name. It does this when I list the all kits category, but not for the new or all product listings.

Can anyone help?!?!

http://www.lauriesscraps.com/store

[gjh42]

Do any of the products have attributes?
You can't get a buy now or add to cart button when a product has attributes; you need to go to the product info page to make choices before adding to cart.
Each kind of listing has its own layout controls.

Your <ul> is using the default "outside" list-style; you can change that to "inside" to move the bullest into the clear.
Add to your stylesheet

#productDescription ul {list-style: inside;}

I posted just a few days ago about changing the all listing descriptions to work similar to the product listing descriptions.
All product listing - moving the description text up?

[lauriesscraps]

Do any of the products have attributes?
You can't get a buy now or add to cart button when a product has attributes; you need to go to the product info page to make choices before adding to cart.
Each kind of listing has its own layout controls.

Your <ul> is using the default "outside" list-style; you can change that to "inside" to move the bullest into the clear.
Add to your stylesheet

#productDescription ul {list-style: inside;}

I posted just a few days ago about changing the all listing descriptions to work similar to the product listing descriptions.
All product listing - moving the description text up?

Which stylesheet do I go into to alter that code, changing it to inside? And is it the entire code you have listed above the code I need to add, or just alter from outside to inside...and where do i put it if I have to add the entire line of code?

#productDescription ul {list-style: inside;}


I will take a look at the other thread. Thank you so much for your help. You have no idea how much I appreciate it!

[lauriesscraps]

Also, all of my products have attributes, but some have the "buy Now" button on the listing page and others do not. So I am not sure why it would be doing that if it is not supposed to because it has attributes. Could it be because there is only one attribute for the product so it shows the "buy now" button while others that have more than one attribute do not display the "buy now" button on the listing page?

[lauriesscraps]

Figured out the bullets issue, It was in my style sheet for my template (for everyone else knowledge).

includes/templates/my_template/css/

I pasted the code as such:

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}
#productDescription ul {list-style: inside;}

So now I just have that last question about the buy now on some and not others. thanks again!

[gjh42]

I noticed one product that you said had the buy now button, did not actually have any attributes showing (even though it should have had the downloads button showing).

[lauriesscraps]

It has attributes now. I just added them, I guess I forgot to do that on 3 products. Good thing the store isn't live yet! But the "larger image" link is still showing on the bottom under the attributes, and not on the others.

[lauriesscraps]

I also noticed that this product has a huge gap in between the download attributes listed under the product image and description. I hope I didn't do something with the code, but that is odd that there is a gap!

[gjh42]

I saw the "larger image" link under the main image on both products you mentioned before. Are you still talking about the "buy now"?

[lauriesscraps]

No, I figured that part out thanks to you, so THANK YOU! Sorry to be confusing. I was just wondering why some products show the "larger image" link and others don't.

Example:
http://www.lauriesscraps.com/store/i...roducts_id=205

http://www.lauriesscraps.com/store/i...roducts_id=234

And then after I altered that code for the description, I just noticed the huge gap in between attributes 1 and 2 listed below the product description. Not sure why that is. I was hoping you had some insight.

And not sure if this is possible, but can I get the description and all that product info to the right of the image on the all products listing page to center both vertically and horizontally?

Thanks for being a trooper and hanging in there with me. If it is any consolation... I am learning a ton!

THANK YOU AGAIN!