Attribute images overlaps each other

[ychousa]

Hi. I inserted some attributes for a product, but the images are overlapping. Another issue is a tiny thumbnail on the bottom of the product page. How can I increase the space for each attribute images? And how can I remove the small image on the bottom? Thank you in advance!

The page: http://cedardelight.com/index.php?ma...products_id=13

[kobra]

I do not see these overlapping in FF or IE??

But if you will have no more than 3 you can space them out by changing the value to 30% in

.attribImg {
	width: 30%;
	margin: 0.3em 0em;
}

For some reason where others have issues with additional images you are getting them when you do not want them - as this is a naming auto magic thing you can either change to unique names where this seems to be being picked up as a bas image name and then the additonal (base name highlighted for clarity)

SquarePanelSingleShort.jpg
SquarePanelSingleShortNarro.jpg

Or if you never want to use additional images:

admin > config > images > Product Info - Number of Additional Images per Row > set to "0"

[ychousa]

Hi, kobra,

That's exactly what I needed. The reason that you didn't see overlap was because I cropped images so that they could fit in 20% width after I posted the question.

I changed attribImg to 33% in stylesheet and changed the name of the image which appeared on the bottom, then everything has been solved! Thanks alot!

[billipo]

Beautiful! The pros come through once again!