jigoshop frontend css editing

[brightonkeller+ 0]

I'm trying to create a store on my blog - http://www.brightontheday.com/ebkart and am having issues editing the correct file to manipulate/edit the image size of my (catalogue view) product page.

The images are now set "important" at 150px width and height and cannot figure out how to override this with the correct css location.

Yes, I have the pagelines jigoshop plugin.

Yes, I am aware there is a "checkbox" in the general settings tab for jigoshop that disables frontend css

Yes, I have searched for answers in this forum and have searched the entire "knowledge base" on jigoshop website.

Please let me know if you have any suggestions! thanks so much.

[Rob 547]

Suggestions:

1. Check Dashboard > Setting > Media and make sure the thumbnail size is set to the size you wish.

2. Try adding the following to Dashboard > PageLines > Site Options > Custom Code > CSS Rules:

ul.products li a img {

    max-width: 75%;

}

3. Adjust the 75% to any number you wish that works for you.

[brightonkeller+ 0]

Thanks so much! After regenerating my thumbnails, that solution worked like a charm!

I have another issues now - if you have any suggestions. When you click on a PRODUCT and go to its "details" - the image sizes aren't really working right. I would like it to look like the thumbnails on the right side of the picture, like on the attachment. Or at least something similar.

AS is, all the photos are aligned to the left and the "main" image isn't very large.

Let me know if you have any suggestions!

here is the link to one of the product pages -- > http://www.brightontheday.com/product/seaside

[Rob 547]

Add the following to Custom Code > CSS Rules:

div.product div.images div.thumbnails {

    margin-left: 260px;

    margin-top: -280px;

    overflow: hidden;

    padding-top: 10px;

    position: relative;

}