In ubercart product pages - how to arrange thumbs in a row horizontally instead of vertically? [#1929190]

See the screen grab attached, I would love to display those thumbs horizontally instead of vertically. I searched through the code and cannot find a way to do this. Any thoughts? If it helps, here are the details of how product pages are set up.

Under
admin/structure/types/manage/product/display
I'm using Image format Ubercart product

I have Colorbox installed so when you click on that large image or the thumb, well - you know what happens when you utilize Colorbox.

I know those two bits of info doesn't make those thumbs display vertically or horizontally - but thought I'd let you know how the image settings were. If you need to know anything else just ask and I'll get you that info.

Thank you in advance!

Comment	File	Size	Author
#7	Screen shot 2013-03-01 at 12.52.53 AM.png	17.41 KB	fineartist99
#5	shot.png	86.44 KB	fineartist99
	product-page.jpg	63.39 KB	fineartist99

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

longwave

he/him

English

CreditAttribution: longwave commented 27 February 2013 at 17:00

Status:

Active

» Fixed

You probably need to add float: left; to the relevant CSS rule, but without seeing your actual HTML, it's not possible to figure out what that is. Regardless, this is a general theming/CSS question that would equally apply to any Drupal site and is not specific to Ubercart; followups should be posted elsewhere.

Comment #2

fineartist99 CreditAttribution: fineartist99 commented 27 February 2013 at 18:48

Here's the product page

Comment #3

TR CreditAttribution: TR commented 27 February 2013 at 23:05

The problem is in your theme CSS, at.settings.style.image.css:

.field-type-image img {
display: block;
}

Comment #4

fineartist99 CreditAttribution: fineartist99 commented 1 March 2013 at 04:50

No luck - check out my screen grab.
http://michaeljbaran.com/images/shot.png

Comment #5

fineartist99 CreditAttribution: fineartist99 commented 1 March 2013 at 04:49

Status:

Fixed

» Active

File	Size
shot.png	86.44 KB

Comment #6

TR CreditAttribution: TR commented 1 March 2013 at 05:07

Status:

Active

» Fixed

1) I have no idea what you mean by "no luck". You need to look at the style for the actual thumbnail image, not the more-product-images div, if you want to see this. Or you could just take my word for it and override/delete that style from your site and see that I'm right ...

2) This really is just standard CSS work, not anything specifically to do with Ubercart, and in fact little to do with Drupal. Please take the discussion to another forum / ask in the general #drupal IRC channel if you need further help.

Comment #7

fineartist99 CreditAttribution: fineartist99 commented 1 March 2013 at 05:56

File	Size
Screen shot 2013-03-01 at 12.52.53 AM.png	17.41 KB

I've tried to search for that css style - image-style-uc-thumbnail or uc_thumbnail or simply thumbnail within my entire site and I'm not finding where that style is?

I see this (see screen grab) in the uc_product.theme.inc file but don't know what exact file that style is in.

I know it's a simple css thing - but I cannot find out where that style is located. I wish I found where that style lays so I didn't have to bother anyone.