Changing the carousel items size

To change (increase or decrease) the carousel items size, do the following:

  1. Edit a map
  2. Open the widget “Progress Map Settings”.
  3. Click on the menu “Carousel items settings”.

Horizontal view

  1. Enter the size of the horizontal items in the field “Items size (Horizontal view)”. You must provide the width (in pixels) followed by the height (in pixels) like this example: (600,200). (600 = width | 200 = height)!
  2. Enter the image size in the field “Image size (Horizontal view)”. You must provide the width (in pixels) followed by the height (in pixels) like this example: (200,200). (200 = width | 200 = height)!
  3. Enter the size of the description area in the field “Description area size (Horizontal view)”. You must provide the width (in pixels) followed by the height (in pixels) like this example: (400,200). (400 = width | 200 = height)!

Note that the image width + the width of the description area must be equal to the items width (200 + 400 = 600)! The height of the image and the description area must be the same as the items height (200)!

vertical view

  1. Enter the size of the vertical items in the field “Items size (Vertical view)”. You must provide the width (in pixels) followed by the height (in pixels) like this example: (300,500). (300 = width | 500 = height)!
  2. Enter the image size in the field “Image size (Vertical view)”. You must provide the width (in pixels) followed by the height (in pixels) like this example: (300,200). (300 = width | 200 = height)!
  3. Enter the size of the description area in the field “Description area size (Vertical view)”. You must provide the width (in pixels) followed by the height (in pixels) like this example: (300,300). (300 = width | 300 = height)!

Note that the image width and the width of the description area must be the same as the items width (300)! The height of the image + the height of the description area must be equal to the items height (200 + 300 = 500)!

In the same context