Create Image styles

Step 1 Go to Configuration

Step 2 In MEDIA area > Image styles, click "Add style" link to create node-detail 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
accordion_img_style Scale and crop 60 60
avatar Scale and crop 60 60
featured_article Scale and crop 180 180
front_img_style Scale and crop 630 360
gallery_thumb Scale and crop 80 59
music_news_style Scale and crop 702 840
node-teaser-default Scale and crop 728 410
Slideshow Scale and crop 960 560
slideshow_thumbnail Scale and crop 280 160