Create image styles

Step 1 Go to Configuration

Step 2 In MEDIA area > Image styles, click "Add style" link to create blog style with following properties:

Step 3 Click "Create new style" button.

Step 4 Under Effect, Select "Scale and crop" effect.

Step 5 Click Add button > New popup is opened, Set following properties:

Step 6 Click "Add effect" button.

Step 7 Similar to create other image styles following setting properties:

Image style name Effect style Width Height
banner_about Scale and crop 940 350
preview Scale and crop 200 150
gallery Scale and crop 520 340
article Scale and crop 520 340
slideshow Scale and crop 960 360
thumb_2_cols Scale and crop 450 290
thumb_3_cols Scale and crop 287 287
thumb_4_cols_about Scale and crop 217 217
thumb_4_cols_clients Scale and crop 219 81
thumb_4_cols_square Scale and crop 207 207
thumb_blog_1 Scale and crop 520 340
thumb_blog_2 Scale and crop 680 450
thumb_blog_3 Scale and crop 240 160
thumb_blog_is_top Scale and crop 110 77
thumb_image_gallery Scale and crop 90 90
thumb_image_gallery_small Scale and crop 40 40
thumb_product_list Scale and crop 150 150
thumb_testimonials Scale and crop 62 62