tutorials on changing thumb sizes and product template

I need to increase my thumbs for categories and products from 125 to 300px.  any tutorials or samples that show how to do this?

thanks!

You can change this settings here:

http://admin-demo.nopcommerce.com/Admin/Setting/Media

Thanks for quick reply...i had found this place to change the image size...but the category and products navigation item remains the same...so the large images overlap the right sides of the navigation button with price, add to cart, etc.

How do i increase the size of the item so the new image size fits correctly?

Marc

To do this  in the file 'styles.css' you need to change width of blocks with elements in which you have changed the settings.

again...awesome.  thank you

I have tried changing the styles.css in the theme but I can not find where to makethe change.

I change the Picture style for product categories section but no effect.

Where did you change the display of category or product images so they don't overlap the title text when it is 2 lines long?

To change the display of product box you should change style of ".product-grid .product-item" and below.

For categories and manufacturers: ".sub-category-grid .item-box,.manufacturer-grid .item-box" and below.

Thanks for pointing me in the right direction.  I could not figure out what to change so I begin making systematic changes and seeing what they did.  I eventually narrowed down the option to increasing the space for the title to show up to 3 lines of text and then to increase the box so the picture still fits inside.

The code with comments is listed below:

themes/defaultclean/content/styles.css

.sub-category-grid .item-box,.manufacturer-grid .item-box{float:left;text-align:center;vertical-align:text-top;}
.sub-category-grid .sub-category-item,.manufacturer-grid .manufacturer-item{text-align:center;margin:10px;width:145px;height:200px;border:1px solid #eee;}
/* changed Height from 180px to 200px to make bigger box to hold bigger title */
.sub-category-grid .sub-category-item .title,.manufacturer-grid .manufacturer-item .title{text-align:center;font-weight:700;font-size:.9em;display:block;overflow:hidden;height:3.8em;padding:5px;}
/* Changed height from 1.8em to 3.8em  to allow up to 3 lines of title to display without picture overlapping*/

And how to increase my thumbs for subcategories 3.80v. ?

Best regards