Featured templates

Drupal 7.x. How to change slider images dimensions

Sarah Vaynbaum January 16, 2015
Rating: 5.0. From 1 vote.
Please wait...

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

Responsive Drupal Themes
This entry was posted in Drupal Tutorials and tagged dimension, drupal, resize, slider. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.