additional product images don't align

Trying to figure out what is wrong. My additional product images won't align horizontally, only vertically.

I have it configured to show 2 images in configuration.

Any ideas?

http://www.thetoothfairycoin.com/index.php?main_page=product_info&cPath=1&products_id=181

Thanks.

add this rule to end of your stylesheet.css

#productAdditionalImages {
display:inline;
float:left;
margin-top:2em;
}

not tested in Internet Explorer

Yep, it worked in Firefox and IE.. thanks.

Does this mean that my normal settings in admin won't work any longer?

is there a particular reason this css code had to be added, if ZC is supposed to be able to do this anway?

Thanks again.

your normal setting in admin will work . is just you have done much customization to your template and chances are you removed some rules , values , etc..

Zenners!

I've tried the different css made available here to try to align my additional images horizontally, but nothing works :I

Any other options?

Thanks a bunch!

sandra_r:

Zenners!

I've tried the different css made available here to try to align my additional images horizontally, but nothing works :I

Any other options?

Thanks a bunch!

a link to problem site would be the start :smile:

Hi there,

Sorry, here it is:

http://modernicaprops.net//index.php?main_page=product_info&cPath=62_63_66&products_id=68

Thanks!
Sandra

sandra_r:

Hi there,

Sorry, here it is:

http://modernicaprops.net//index.php?main_page=product_info&cPath=62_63_66&products_id=68

Thanks!
Sandra

add this to your stylesheet.css

.additionalImages {
text-align:center;
float:left;
}

after adding this , check with IE as well. if in IE images are not in column then add this to the above rule

display:inline;

hope this helps.

Yes, it worked! Thanks so much!

Sandra

Hi there, first time trying to get some answers here

I have tried the different css made available here to try to align my additional images horizontally, but nothing works. Not sure I am making the right changes. It seems to be something with the add to cart button that is causing the miss alignment.

Help please

http://www.qrsfiberglass.com/catalog/index.php?main_page=product_info&cPath=2&products_id=3

Any other options?

Thanks

Turbomarty:

Hi there, first time trying to get some answers here

I have tried the different css made available here to try to align my additional images horizontally, but nothing works. Not sure I am making the right changes. It seems to be something with the add to cart button that is causing the miss alignment.

Help please

http://www.qrsfiberglass.com/catalog/index.php?main_page=product_info&cPath=2&products_id=3

Any other options?

Thanks

remove code in red from your CSS and see if that helps

#cartAdd { stylesheet_main.css (line 541)
float:right;
margin:1em;
padding:1em;
text-align:center;
}

That was the ticket thanks