{"id":5595,"date":"2020-06-04T20:38:51","date_gmt":"2020-06-04T20:38:51","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=5595"},"modified":"2020-06-05T14:53:29","modified_gmt":"2020-06-05T14:53:29","slug":"height-of-advance-carousel-block-ultimate-addons","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/ultimate-add-ons\/height-of-advance-carousel-block-ultimate-addons\/","title":{"rendered":"Height of Advance Carousel Block – Ultimate Addons"},"content":{"rendered":"

 <\/p>\n

\n

 <\/p>\n

\n
\n

Height of Advance Carousel Block<\/h1>\n

Docs<\/a> \u00bb General<\/a> \u00bb Height of Advance Carousel Block<\/strong><\/p>\n<\/div>\n<\/header>\n

#comment><\/p>\n

\n
Let\u2019s assume,<\/h5>\n
    \n
  • You have 10 items in carousel of size \u2013 300 X 300px<\/li>\n
  • You are displaying 5 items in one view.<\/li>\n
  • The carousel block is placed in row which is 1170px wide container (this depends on your theme)<\/li>\n<\/ul>\n
    Now \u2013<\/h5>\n
      \n
    • Collective width of your carousel is approximately 1500px (5 images that are 300px wide)<\/li>\n
    • However, the carousel block is placed in a row which is 1170px wide row.<\/li>\n<\/ul>\n

      Obviously, all images can not be visible here in this case.<\/p>\n

      So, images will be scaled down in a responsive manner and your images will appear a bit smaller. When the width of an image is reduced \u2013 the height of an image is reduced too so that it will be proportionate.<\/p>\n

      More details \u2013<\/h5>\n
        \n
      • Assuming row container is 1170px wide<\/li>\n
      • Carousel block is supposed to display 5 images<\/li>\n<\/ul>\n

        Each image gets an area of 234px (approximately)
        \n(1170px divided by 5 images)<\/p>\n

        And the individual images of 300 X 300px are resized to fit in the assigned 234px area.<\/p>\n

        Hope this clarifies.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

            Height of Advance Carousel Block Docs \u00bb General \u00bb Height of Advance Carousel Block #comment> Let\u2019s assume, You have 10 items in carousel of size \u2013 300 X 300px You are displaying 5 items in one view. The carousel block is placed in row which is 1170px wide container (this depends on your…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[42,41],"tags":[],"class_list":["post-5595","post","type-post","status-publish","format-standard","hentry","category-knowledgebase-ultimate-add-ons","category-ultimate-add-ons","category-42","category-41","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=5595"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5595\/revisions"}],"predecessor-version":[{"id":5848,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5595\/revisions\/5848"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=5595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=5595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=5595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}