Drupal 7.x. How to change slider images dimensions

Today we show you how to change slider image dimensions in Drupal.

Drupal 7.x. How to change slider image dimensions

Using image styles you can scale, crop, resize, rotate and desaturate images without affecting the original image. By default, three sizes are defined: ‘thumbnail,’ ‘medium’, and ‘large’. The thumbnail style, for example, is shown with the teaser for image posts and when browsing image galleries. When you change an image style, the module automatically refreshes all created images. Every image style must have a name, which will be used in the URL of the generated images.

In order to change the dimensions, you need to do following steps:

1. Enter Administration > Configuration > Media > Image styles > Flexslider full image.

2. Add new effect (in our case it will be crop) > after what add new width and height:

   

3. Save the changes. Reload the page.

To change image styles, do the following:

1. Choose Administration > Configuration > Media > Image styles.

2. Add or select a style to edit its settings.

3. When configuring styles you can add effects: crop, scale, resize, rotate, desaturate, and rotate (other contributed modules provide additional effects). For example, by combining effects as crop, scale, and desaturate, you can create square, grayscale thumbnails.

4. Save the settings.

5. To start using the defined styles they must be assigned to the display of a content type. For each display (e.g. “default” or “teaser”), a different style can be chosen.

Thank you for attention.

Feel free to check the detailed video tutorial below:

Drupal 7.x. How to change slider image dimensions