{"id":318934,"date":"2026-06-10T06:10:17","date_gmt":"2026-06-10T06:10:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/dci-vertical-marquee-widget-for-elementor\/"},"modified":"2026-06-10T06:09:44","modified_gmt":"2026-06-10T06:09:44","slug":"dci-vertical-marquee-widget-for-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/dci-vertical-marquee-widget-for-elementor\/","author":23210519,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"DCI Vertical Marquee Widget for Elementor","header_author":"Dreamcode Infotech","header_description":"A scroll-reactive vertical marquee cards section widget for Elementor with full styling controls. Supports vertical and horizontal marquee directions, multi-column layouts, pause-on-hover, fade masks, and per-card customisation.","assets_banners_color":"f7f5f1","last_updated":"2026-06-10 06:09:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/dreamcodeinfotech.com","header_author_uri":"https:\/\/dreamcodeinfotech.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":26,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"dreamcodeinfotech","date":"2026-06-10 06:09:44"}},"upgrade_notice":{"1.0.0":"<p>Initial release. No upgrade steps required.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3566880,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3566880,"resolution":"772x250","location":"assets","locale":"","width":772,"height":257}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3566880,"resolution":"1","location":"assets","locale":"","width":1919,"height":843},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3566880,"resolution":"2","location":"assets","locale":"","width":1914,"height":587}},"screenshots":{"1":"Widget in Elementor editor \u2014 Content tab with cards repeater.","2":"Widget in Elementor editor \u2014 Layout options.","3":"Widget in Elementor editor \u2014 Style tab.","4":"Frontend: 3-column vertical marquee with fade masks.","5":"Frontend: 2-row horizontal marquee."}},"plugin_section":[],"plugin_tags":[76538,266435,11026,789,266434],"plugin_category":[43],"plugin_contributors":[237879],"plugin_business_model":[],"class_list":["post-318934","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-horizontal-marquee","plugin_tags-marquee","plugin_tags-portfolio","plugin_tags-vertical-marquee","plugin_category-customization","plugin_contributors-dreamcodeinfotech","plugin_committers-dreamcodeinfotech"],"banners":{"banner":"https:\/\/ps.w.org\/dci-vertical-marquee-widget-for-elementor\/assets\/banner-772x250.png?rev=3566880","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/dci-vertical-marquee-widget-for-elementor\/assets\/icon-128x128.png?rev=3566880","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/dci-vertical-marquee-widget-for-elementor\/assets\/screenshot-1.png?rev=3566880","caption":"Widget in Elementor editor \u2014 Content tab with cards repeater."},{"src":"https:\/\/ps.w.org\/dci-vertical-marquee-widget-for-elementor\/assets\/screenshot-2.png?rev=3566880","caption":"Widget in Elementor editor \u2014 Layout options."}],"raw_content":"<!--section=description-->\n<p><strong>DCI Vertical Marquee Widget for Elementor<\/strong> adds a stunning, scroll-reactive marquee cards section to your Elementor-powered website. Cards animate in a continuous loop \u2014 vertically or horizontally \u2014 and react to the visitor's scroll direction in real time, creating an engaging, dynamic portfolio or gallery section.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li><strong>Dual marquee direction<\/strong> \u2014 vertical (up\/down) or horizontal (left\/right) with a single click.<\/li>\n<li><strong>Scroll-reactive animation<\/strong> \u2014 marquee direction reverses when the visitor scrolls up or down.<\/li>\n<li><strong>Multi-column layout<\/strong> \u2014 1, 2, 3, or 4 columns (vertical) \/ rows (horizontal).<\/li>\n<li><strong>Card types<\/strong> \u2014 Tall, Square, and Short card heights, configurable per card.<\/li>\n<li><strong>Per-card controls<\/strong> \u2014 individually toggle image, tag, title, description, and add a custom link.<\/li>\n<li><strong>Alternate direction<\/strong> \u2014 odd columns\/rows scroll opposite for visual depth.<\/li>\n<li><strong>Pause on hover<\/strong> \u2014 optionally freeze the animation when the cursor is over the widget.<\/li>\n<li><strong>Edge fade masks<\/strong> \u2014 smooth top\/bottom or left\/right gradient fades match your section background.<\/li>\n<li><strong>Full styling<\/strong> \u2014 typography, colours, border radius, border, box shadow, hover states, and padding \u2014 all controlled from the Elementor Style tab without touching code.<\/li>\n<li><strong>Section heading<\/strong> \u2014 optional title (with accent colour for inline <code>&lt;span&gt;<\/code>), subtitle, and description above the grid.<\/li>\n<li><strong>Responsive<\/strong> \u2014 designed to work across desktop, tablet, and mobile breakpoints.<\/li>\n<\/ul>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 6.0 or higher<\/li>\n<li>PHP 7.4 or higher<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\">Elementor<\/a> 3.0 or higher (free version is sufficient)<\/li>\n<\/ul>\n\n<h4>Getting Started<\/h4>\n\n<ol>\n<li>Install and activate <strong>Elementor<\/strong> (free).<\/li>\n<li>Install and activate <strong>DCI Vertical Marquee Widget for Elementor<\/strong>.<\/li>\n<li>Edit any page with Elementor, search for <strong>\"Vertical Marquee\"<\/strong> in the widget panel, and drag it onto your canvas.<\/li>\n<li>Add your cards via the <strong>Cards<\/strong> repeater in the Content tab, configure layout options, and style everything from the Style tab.<\/li>\n<\/ol>\n\n<h4>Support<\/h4>\n\n<p>For support, feature requests, and bug reports please visit <a href=\"https:\/\/dreamcodeinfotech.com\/\">dreamcodeinfotech.com<\/a>.<\/p>\n\n<!--section=installation-->\n<p><strong>From the WordPress Plugin Directory (recommended)<\/strong><\/p>\n\n<ol>\n<li>Go to <strong>Plugins \u2192 Add New<\/strong> in your WordPress dashboard.<\/li>\n<li>Search for <strong>DCI Vertical Marquee Widget<\/strong>.<\/li>\n<li>Click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n<p><strong>Manual installation<\/strong><\/p>\n\n<ol>\n<li>Download the plugin ZIP file.<\/li>\n<li>Go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n<li>Choose the ZIP file and click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n<p><strong>Via FTP<\/strong><\/p>\n\n<ol>\n<li>Unzip the plugin and upload the <code>dci-vertical-marquee-widget<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin via <strong>Plugins \u2192 Installed Plugins<\/strong>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20elementor%20pro%3F\"><h3>Do I need Elementor Pro?<\/h3><\/dt>\n<dd><p>No. The plugin works with the free version of Elementor.<\/p><\/dd>\n<dt id=\"how%20many%20cards%20can%20i%20add%3F\"><h3>How many cards can I add?<\/h3><\/dt>\n<dd><p>There is no hard limit. You can add as many cards as you need via the Cards repeater in the Content tab.<\/p><\/dd>\n<dt id=\"can%20i%20use%20it%20as%20a%20portfolio%20or%20gallery%20section%3F\"><h3>Can I use it as a portfolio or gallery section?<\/h3><\/dt>\n<dd><p>Yes. Add images, titles, descriptions, category tags, and an optional link per card to build a scroll-reactive portfolio or image gallery.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20wordpress%207.0%3F\"><h3>Does it work with WordPress 7.0?<\/h3><\/dt>\n<dd><p>Yes. The plugin has been tested with WordPress 7.0 (the latest release as of May 2026) and Elementor 4.0.<\/p><\/dd>\n<dt id=\"is%20the%20animation%20accessible%3F\"><h3>Is the animation accessible?<\/h3><\/dt>\n<dd><p>The plugin respects the visitor's <code>prefers-reduced-motion<\/code> browser setting by halting the CSS-driven animation when motion reduction is preferred.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A scroll-reactive vertical (and horizontal) marquee cards widget for Elementor with full styling controls.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/318934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=318934"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/dreamcodeinfotech"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=318934"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=318934"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=318934"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=318934"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=318934"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=318934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}