Need spacing code help

[gjh42]

Both of those products show the "larger image" link for me (Firefox 3).

Add to your stylesheet

.productListing-odd .main, .productListing-even .main {vertical-align: middle;}

Note that the image itself is not centered in the product space, apparently because you have set the code in Configuration > All Listing to have two breaks after the image.

[gjh42]

If you're concerned about the items in some description lists that drop below their bullets, that is because you have inserted <div> tags in those items. You don't want those.

This Kit Contains:<br /><ul><li>7 Textured Pattern Papers</li><li>5 Textured Solid Papers</li><li><div>6 Bottlecaps</div></li>

[lauriesscraps]

Both of those products show the "larger image" link for me (Firefox 3).

Add to your stylesheet

.productListing-odd .main, .productListing-even .main {vertical-align: middle;}

Note that the image itself is not centered in the product space, apparently because you have set the code in Configuration > All Listing to have two breaks after the image.

Ya, I was trying to space it better, if I am sure on what you are meaning anyway.

I will try adding it and we shall see what happens.

Also, the "larger image" I am talking about is not under the larger main image, there is a smaller image listed at the bottom of the second link listed. I am not sure why it is there, it is listed right above the bottom "home" link.

[lauriesscraps]

I fixed the bullets issue, you were right on with the outside/inside coding. So I am "good to go" on that issue, thank you!

I pasted this code right above the ".productListing-odd" coding as such and IT WORKED:

.productListing-even {
background-color: #ffffff;
}

.productListing-odd .main, .productListing-even .main {vertical-align: middle;text-align: center}


.productListing-odd {
background-color: #ffffff;
}

.productListing-heading {

Thank you so much for your help. I think that is all I had, other than the image issue, not really need to fix it, just wondering why it would be doing that, and wanting to make sure I didn't mess up coding or something. HTML is still new to me and PHP is a completely new thing. I appreciate your help. You have been great!

OK, one more question which I am sure is a completely easy fix. I just wanted to make the row of category links that appear above the images when you click on a category bigger. I have been looking for the code, but I think I have to add completely new code for it and not sure where to do that.

Thanks again,

[gjh42]

OK, that is an additional image, which you apparently didn't intend to use.
Your main image for the product is named LS_P365TemplateSet2.jpg; that is the file that the product "owns", and any image starting with that exact name will automatically be considered an additional image for the product. You need to delete LS_P365TemplateSet2CU.jpg, or if it belongs to another product, rename it and re-upload it for that product, avoiding conflicting names.

[gjh42]

"row of category links"? Do you mean the "Kits Quick Pages Layout Templates Commercial Use"?
For those, find this in your stylesheet

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #000000;
	}

and add below it

#navCatTabs ul li a {font-size: 1.3em;}

If you mean something else, you'll have to explain in more detail.

[lauriesscraps]

No, I mean the category links such as All Kits, Boy, Girl, Seasonal, etc.

[gjh42]

For those, you want to add to your stylesheet

.categoryListBoxContents {font-size: 1.3em;}

[lauriesscraps]

For those, you want to add to your stylesheet

.categoryListBoxContents {font-size: 1.3em;}

THANK YOU, THANK YOU, THANK YOU! That is all I needed. You have been absolutely amazing! Thank you so much! I can't believe I am actually done with all the customizing.

If I haven't said it enough, Thank you!

[lauriesscraps]

OK, I didn't want to bother you again, but this is just bothering me and I can't figure it out, I am almost there, but just can't get it completely. When you click on a category, you can see the images listed below the category links that were mentioned already. They are all set to align left and I would like them to be centered. I can't find the code for that.

Can you help? (I would totally understand if you didn't want to, hehehe) But please!?!