[Resolved] Thumbnail positioning in Nota CubeCart v6

[jckm2000]

Hi Folks,

Is it possible to change the way product thumbnail images are displayed in Nota (Cubecart v6)?

Currently they are displayed vertically, obscuring the 'Product Information' heading and I'd like them horizontal.

http://townhouse-norwich.co.uk/store/original-mid-century-school-desk.html

Any ideas?

Cheers,

 

Jon

[bsmither]

Let's first review these conversations

https://forums.cubecart.com/topic/49991-resolved-page-expansion-for-25-images/#comment-210378
http://www.cubecartforums.org/index.php?showtopic=17950
https://forums.cubecart.com/topic/49028-kurouto-skin-fix-gallery-to-many-image/#comment-204348
https://forums.cubecart.com/topic/47842-how-to-move-small-previews-of-product-in-mican-skin/#comment-197271

[jckm2000]

Thanks, your link: https://forums.cubecart.com/topic/47842-how-to-move-small-previews-of-product-in-mican-skin/#comment-197271

got my thumbs running vertically along the right hand side of the main product image. I can live with that

I would like to add some padding between the thumbs and main image though. I've been playing around a bit but with no success.

Can you tell me which line/s I need to be looking at?

http://www.townhouse-norwich.co.uk/store/original-mid-century-school-desk.html

Cheers,

Jon

 

[bsmither]

Try these edits. After making the edits, be sure to force your browser to reload the page's resources such as images, css, and javascript files.

In common.css:

Line 590:
#gallery {
    height: 270px;
/*  width: 360px;   Removed! */
}

Line 595:
#gallery div.image {
    float: left;
    height: 270px;
    padding-right: 5px; /* New! */
    width: 270px;
}

Line 600:
#gallery_select {
/*  width: 320px;   Removed! */
}

 

[jckm2000]

Perfect! Thank you!!!

Cheers,

Jon.