Configuring Image Styles in Drupal: Step-by-Step Setup Guide

a) How do I set the image style in Drupal ?

1. First, navigate to Configuration to select Media, then click Image Styles in the Manage administrative menu (admin/config/media/image-styles).

2. Then, click Add Image Style.

3. After that, enter the name Extra Medium (300×200).

4. Next, click on “Create New Style” to open the Extra Medium (300×200) editing style page.

5. Then, select scale and crop in the effects table. Click Add.

6. After that, fill in the fields as shown below.

7. Next, click on the “Add Effect” button, and the image style will be saved with the selected effect.

8. Then, navigate to Structure to select Content Types in the Manage administrative menu (Admin/Structure/Types).

9. Next, click Manage Display in the Operations drop-down list for the vendor content type. The Manage Display page will appear (Admin/Structure/Types/manage/vendors/Displays).

10. After that, make sure that the secondary tab “Default” is selected.

11. Then, click on the gear wheel in the Main Image field to access the configuration options.

12. After that, fill in the fields as shown below.

13. Next, click Update.

14. Then, click “Save” to alter the image style used to display vendor content.

15. Next, open the vendor content item and verify that it now displays with the reduced image.

16. Finally, repeat steps 8–15 for the recipe content type.