Step 1 Go to Configuration
Step 2 In MEDIA area > Image styles, click "Add style" link to create avatar 130x130 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 |
| Avatar 62x62 | Scale and crop | 62 | 62 |
| Featured | Scale and crop | 470 | 264 |
| Featured Posts | Scale and crop | 141 | 81 |
| Featured View | Scale and crop | 130 | 73 |
| Featured View: Tablet Portrait | Scale and crop | 274 | 153 |
| Featured: Mobile Landscape | Scale and crop | 681 | 381 |
| Featured: Tablet Portrait | Scale and crop | 904 | 507 |
| Image (300 x 169) | Scale and crop | 300 | 169 |
| img 631x297 | Scale and crop | 631 | 297 |
| Latest | Scale and crop | 215 | 121 |
| Latest: Mobile Lanscape | Scale and crop | 684 | 384 |
| Photos Page | Scale and crop | 214 | 120 |
| Photos Page: Mobile Portrait | Scale and crop | 443 | 248 |
| popular | Scale and crop | 300 | 169 |
| Popular: Mobile Landscape | Scale and crop | 648 | 358 |
| slideshow | Scale and crop | 920 | 240 |
| Slideshow-article | Scale and crop | 640 | 360 |
| Thumbnail(130x73) | Scale and crop | 130 | 73 |
| Medium (214x120) | Scale and crop | 214 | 120 |
| Large (640x360) | Scale and crop | 640 | 360 |