{"id":328,"date":"2026-06-24T22:40:20","date_gmt":"2026-06-24T21:40:20","guid":{"rendered":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/?page_id=328"},"modified":"2026-06-24T22:56:46","modified_gmt":"2026-06-24T21:56:46","slug":"700px-width-on-container","status":"publish","type":"page","link":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/700px-width-on-container\/","title":{"rendered":"700px width on container &#8211; DEMO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"328\" class=\"elementor elementor-328\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c99283 e-flex e-con-boxed e-con e-parent\" data-id=\"5c99283\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba5f01f elementor-widget elementor-widget-text-editor\" data-id=\"ba5f01f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">700px width on container<\/p><ul><li style=\"text-align: left;\">draggable<\/li><li style=\"text-align: left;\">wrap around<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-905fe1f e-flex e-con-boxed e-con e-parent\" data-id=\"905fe1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42b5c62 elementor-widget elementor-widget-FlickitySlider\" data-id=\"42b5c62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"FlickitySlider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\" integrity=\"sha256-\/JqT3SQfawRcv\/BIHPThkBvs0OEvtFFmqPF\/lYI\/Cxo=\" crossorigin=\"anonymous\"><\/script>\n\t\t\t<script src=\"https:\/\/unpkg.com\/flickity@2\/dist\/flickity.pkgd.min.js\"><\/script>\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/flickity@2\/dist\/flickity.min.css\">\n<div class='carousel-6a55ae783df22 ' id=''>\t\t\t\t<div class=\"carousel-card\">\n\t\t\t\t\t<div class=\"card-image-wrapper\">\n\t\t\t\t\t\t<div class=\"card-image\" style=\"background: url(https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-content\/uploads\/sites\/2\/2024\/02\/test-img.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 0; padding-top: calc(576 \/ 700 * 100%);\">\n\t\t\t\t\t\t\t<div class=\"text-wrapper\">\n\t\t\t\t\t\t\t\t<p class=\"heading\">Test 2 <\/p>\n\t\t\t\t\t\t\t\t<p class=\"text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat eget mauris vitae imperdiet. Sed cursus tortor sapien, ut iaculis quam mattis sit amet. Nam eros odio, ornare vel arcu ac, suscipit laoreet ligula. Nullam feugiat mi orci, ac bibendum lacus euismod scelerisque.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"carousel-card\">\n\t\t\t\t\t<div class=\"card-image-wrapper\">\n\t\t\t\t\t\t<div class=\"card-image\" style=\"background: url(https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-content\/uploads\/sites\/2\/2024\/02\/test-img.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 0; padding-top: calc(576 \/ 700 * 100%);\">\n\t\t\t\t\t\t\t<div class=\"text-wrapper\">\n\t\t\t\t\t\t\t\t<p class=\"heading\">Test 2 <\/p>\n\t\t\t\t\t\t\t\t<p class=\"text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat eget mauris vitae imperdiet. Sed cursus tortor sapien, ut iaculis quam mattis sit amet. Nam eros odio, ornare vel arcu ac, suscipit laoreet ligula. Nullam feugiat mi orci, ac bibendum lacus euismod scelerisque.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"carousel-card\">\n\t\t\t\t\t<div class=\"card-image-wrapper\">\n\t\t\t\t\t\t<div class=\"card-image\" style=\"background: url(https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-content\/uploads\/sites\/2\/2024\/02\/test-img.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 0; padding-top: calc(576 \/ 700 * 100%);\">\n\t\t\t\t\t\t\t<div class=\"text-wrapper\">\n\t\t\t\t\t\t\t\t<p class=\"heading\">Test 2 <\/p>\n\t\t\t\t\t\t\t\t<p class=\"text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat eget mauris vitae imperdiet. Sed cursus tortor sapien, ut iaculis quam mattis sit amet. Nam eros odio, ornare vel arcu ac, suscipit laoreet ligula. Nullam feugiat mi orci, ac bibendum lacus euismod scelerisque.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"carousel-card\">\n\t\t\t\t\t<div class=\"card-image-wrapper\">\n\t\t\t\t\t\t<div class=\"card-image\" style=\"background: url(https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-content\/uploads\/sites\/2\/2024\/02\/test-img.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 0; padding-top: calc(576 \/ 700 * 100%);\">\n\t\t\t\t\t\t\t<div class=\"text-wrapper\">\n\t\t\t\t\t\t\t\t<p class=\"heading\">Test 2 <\/p>\n\t\t\t\t\t\t\t\t<p class=\"text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat eget mauris vitae imperdiet. Sed cursus tortor sapien, ut iaculis quam mattis sit amet. Nam eros odio, ornare vel arcu ac, suscipit laoreet ligula. Nullam feugiat mi orci, ac bibendum lacus euismod scelerisque.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"carousel-card\">\n\t\t\t\t\t<div class=\"card-image-wrapper\">\n\t\t\t\t\t\t<div class=\"card-image\" style=\"background: url(https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-content\/uploads\/sites\/2\/2024\/02\/test-img.jpg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 0; padding-top: calc(576 \/ 700 * 100%);\">\n\t\t\t\t\t\t\t<div class=\"text-wrapper\">\n\t\t\t\t\t\t\t\t<p class=\"heading\">Test 2 <\/p>\n\t\t\t\t\t\t\t\t<p class=\"text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat eget mauris vitae imperdiet. Sed cursus tortor sapien, ut iaculis quam mattis sit amet. Nam eros odio, ornare vel arcu ac, suscipit laoreet ligula. Nullam feugiat mi orci, ac bibendum lacus euismod scelerisque.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n<\/div>\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t$(document).ready(function()\n\t\t\t\t{\n\t\t\t\t\t$('.carousel-6a55ae783df22').flickity({\n\t\t\t\t\t\tcellAlign: 'left',\n\t\t\t\t\t\tdraggable: true,\n\t\t\t\t\t\tfreeScroll: false,\n\t\t\t\t\t\twrapAround: true,\n\t\t\t\t\t\tgroupCells: false,\t\t\t\t\t\tautoPlay: false,\t\t\t\t\t\tpauseAutoPlayOnHover: false,\n\t\t\t\t\t\tadaptiveHeight: false,\n\t\t\t\t\t\twatchCSS: false,\n\t\t\t\t\t\tdragThreshold: 3,\n\t\t\t\t\t\tselectedAttraction: 0.025,\n\t\t\t\t\t\tfriction: 0.28,\n\t\t\t\t\t\tcellSelector: '',\n\t\t\t\t\t\tinitialIndex: 0,\n\t\t\t\t\t\taccessibilty: false,\n\t\t\t\t\t\tsetGallerySize: true,\n\t\t\t\t\t\tresize: true,\n\t\t\t\t\t\tcontain: false,\n\t\t\t\t\t\tpercentPosition: true,\n\t\t\t\t\t\trightToLeft: false,\n\t\t\t\t\t\tprevNextButtons: true,\n\t\t\t\t\t\tpageDots: true,\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cf4cc6 e-flex e-con-boxed e-con e-parent\" data-id=\"9cf4cc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0f7562f e-con-full e-flex e-con e-child\" data-id=\"0f7562f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2c61e98 e-con-full e-flex e-con e-child\" data-id=\"2c61e98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48895a5 elementor-widget elementor-widget-heading\" data-id=\"48895a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Your FREE Flickity Slider Widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecdee40 e-con-full e-flex e-con e-child\" data-id=\"ecdee40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b24de8f elementor-button-info elementor-widget elementor-widget-button\" data-id=\"b24de8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/github.com\/namcos\/elementor-flickity-slider\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download (Github)<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>700px width on container draggable wrap around Test 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat eget mauris vitae imperdiet. Sed cursus tortor sapien, ut iaculis quam mattis sit amet. Nam eros odio, ornare vel arcu ac, suscipit laoreet ligula. Nullam feugiat mi orci, ac bibendum lacus euismod scelerisque. Test 2 Lorem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":35,"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/pages\/328\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/jamesdunnfreelance.co.uk\/elementor-flickity-slider-widget\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}