{"id":42608,"date":"2023-02-20T15:00:58","date_gmt":"2023-02-20T14:00:58","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=42608"},"modified":"2023-02-19T19:37:38","modified_gmt":"2023-02-19T18:37:38","slug":"how-to-add-divided-showcase-carousel","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-divided-showcase-carousel\/","title":{"rendered":"What Is a Divided Showcase Carousel and How to Add One in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]You can never have too many different ways to show important things on your website. It\u2019s one of the main reasons to start a website in the first place, whether it\u2019s a <a href=\"https:\/\/qodeinteractive.com\/magazine\/tips-for-starting-luxury-brand-website\/\">luxury brand website<\/a>, a <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-start-a-gaming-website-with-wordpress\/\">gaming website<\/a>, or a <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-start-dropshipping-using-wordpress\/\">dropshipping website<\/a>. You always want people to see something, and you always want to ensure you\u2019re presenting it in the most appropriate and eye-catching way. A divided showcase carousel will usually get you both.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In the <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/\" target=\"_blank\" rel=\"noopener\">Qi Addons for Elementor<\/a> plugin, a comprehensive collection of widgets for the Elementor site builder, we\u2019ve included a <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/divided-showcase-carousel\/\" target=\"_blank\" rel=\"noopener\">Divided Showcase Carousel<\/a> widget you can use to easily create attractive combinations of text and images for maximum attention-grabbing power. It\u2019s invaluable for adding context to images or adding illustrations to your text. Whatever way you look at it, it\u2019s stylish, dynamic, and attractive.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you decide that a divided showcase carousel is just the thing your website needs and that the Qi Addons for Elementor is the best plugin for adding it to your website, stick around as we walk you through using the widget. You can watch the video tutorial we\u2019ve created:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][vc_column_text]<iframe loading=\"lazy\" style=\"border: 1px solid #ebebeb;\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/qSHO8QYELK0\" width=\"1280\" height=\"720\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>[\/vc_column_text][vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And if you prefer reading a guide, stick around. Here\u2019s what we\u2019ll cover: [\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Getting the Plugin and Setting Everything Up<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"455\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-300x141.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-768x361.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-620x291.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Before you get started, you\u2019ll need to have Elementor and Qi Addons for Elementor installed and activated on your website. Because Divided Showcase Carousel is a premium widget, you\u2019ll have to get the premium version of Qi Addons for Elementor. After you\u2019ve installed both plugins on your website and activated it, the next step would be to open a page or a post you want to edit in Elementor.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Before you add the widget, there are a few things and setting that need to be tweaked to get the result like the one we\u2019ve created for his guide. Keep in mind that, depending on the theme you\u2019re using and general settings, you still might not get an exact match, but that\u2019s okay. This guide should serve to inspire and educate you, and you\u2019re free to create something that\u2019s better suited for your website.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Here&#8217;s how we\u2019ve set up our page. We\u2019ve made sure our section contains only one column, first. Then we\u2019ve set the Layout of the section to full width, and its columns gap to no gap. You can find both options under <em>Layout &gt; Layout<\/em> when editing the section. Under <em>Advanced &gt; Advanced<\/em>, we\u2019ve set the top and bottom paddings to 175px.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For the column settings, we\u2019ve only tweaked the left padding to 10px, under<em> Advanced &gt; Advanced<\/em>. After that, we were set to add the Divided Showcase Carousel \u2013 it was as simple as finding it in the list of widgets and dragging it over to the column.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;qi-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Adding Content to the Divided Showcase Carousel<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"481\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Added.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Added\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Added.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Added-300x149.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Added-768x381.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Added-620x308.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The first thing you\u2019ll notice when you add the widget is that it has a good few content option sections. It makes perfect sense, though, as there are images, text, buttons, and a slider that need setting up \u2013 so let\u2019s get right to it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">General Settings<\/h3>\n<p>[\/vc_column_text][vc_column_text]The first batch of settings, the General settings, allow you to change the number of items in the carousel, pick the title, subtitle, image, and link for every slide in the carousel, and choose whether you want to have a button or not in the carousel, and decide what type of text animation you want to use.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The first thing we did was to set up the items. We stuck with the default three, adding titles, subtitles, and images to them, as well as a # in the link to make them clickable. We also enabled the button and left the text animation at default. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Items.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Items\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Items.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Items-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Items-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Items-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]With that, we created all the slides we needed, so it was time to proceed with the next batch of content settings.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Slider Settings<\/h3>\n<p>[\/vc_column_text][vc_column_text]The Slider settings allow you to choose how the slider behaves and looks. You can enable the slider loop, autoplay, and choose the slide and slide animation durations. You can also set slider navigation and pagination, choose image proportions, and set a variety of column options.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We chose to disable slider navigation but enable paginations and set the number of columns to two. Finally, we shrunk the space between items to 25px. The rest of the options remained on their default settings.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Slider-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Slider Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Slider-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Slider-Settings-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Slider-Settings-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Slider-Settings-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, we were on to Button settings.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Button Settings<\/h3>\n<p>[\/vc_column_text][vc_column_text]The Button settings allow you to choose between a gradient and an SVG image for a background. You can also decide which text you want to use with the button, turn the underline on and off, choose the SVG image, and set its type.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We set the text of the button to View More and enabled the underline. We choose a circle shape as our SVG, and we set its type to full size.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Don\u2019t be alarmed by the size of that circle \u2013 we\u2019ll make it all work in the next phase of creating a divided showcase carousel \u2013 the styling. [\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Styling the Divided Showcase Carousel<\/h2>\n<p>[\/vc_column_text][vc_column_text]The Styling tab contains many different sections, and you should check out all of them to see what they offer. But because we left our widget with that ugly SVG blocking a part of the text and completely obscuring the button text, that\u2019s the set of options we headed for the first.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Button SVG Style<\/h3>\n<p>[\/vc_column_text][vc_column_text]To sort out the SVG style of your button, you\u2019ll have the option to adjust the hover animation, and the fill and stroke colors for regular and on hover views. The options to adjust the stroke DashOffset are there too, as are the options to change the stroke width, DashArray, as well as the DashOffset Timing.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We changed both SVG fill and stroke colors to #fbebc6 on normal view and haven\u2019t changed any other options.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"670\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-SVG-Style.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Button SVG Style\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-SVG-Style.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-SVG-Style-300x207.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-SVG-Style-768x531.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Button-SVG-Style-620x429.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The results are pretty good \u2013 the text is visible, and our button SVG looks like a nifty design choice. We can now start styling the widget from the top section, which isn\u2019t Slider Navigation Style in our case because we opted against using navigation.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Slider Pagination Style<\/h3>\n<p>[\/vc_column_text][vc_column_text]In the Pagination Style options, you can change the position, alignment, offset, size, and spacing for the pagination. You can also enable numbered pagination, and choose border and color type for both normal and active situations.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We changed the pagination offset to 73 pixels. We changed the size to 9 pixels, and the space between bullets to 17 pixels.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Pagination-Offset.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Pagination Offset\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Pagination-Offset.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Pagination-Offset-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Pagination-Offset-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Pagination-Offset-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Since there was nothing else that we needed here, we moved on.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Text and Subtitle Style<\/h3>\n<p>[\/vc_column_text][vc_column_text]The text style is the set of options that apply to the title text of the items. The standard text option is there \u2013 tag, color, the full gamut of typography options, as well as text padding.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We chose H1 for the text tag, and 20% of the right-side text padding.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Text-Style.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Text Style\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Text-Style.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Text-Style-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Text-Style-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Text-Style-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Subtitle Style contains almost the same options, except for the final option which is margin instead of padding. This time, we\u2019ve chosen to change the size of letters to 17 pixels in the typography options, and we set the margin bottom to 12 pixels.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"622\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Subtitle-Style.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Subtitle Style\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Subtitle-Style.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Subtitle-Style-300x193.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Subtitle-Style-768x493.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Subtitle-Style-620x398.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Button, Button Underline, and Spacing Style<\/h3>\n<p>[\/vc_column_text][vc_column_text]Button Style section is richer with options \u2013 it opens with typography, only to continue with alignment, text color \u2013 normal and on hover, button text rotate, and padding.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We\u2019ve changed the letter size in the Typography options to 17 pixels. We chose the normal color to be #1e1e1e and set the padding to 0. The remaining options stayed as they were.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For the Button Underline Style, between the color, width, offset and thickness, and alignment settings, we\u2019ve set the offset to 6.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, for spacing style, we opted to give the button margin 34 pixels on the top, and 50 pixels on the bottom. This was the result.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"447\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Final.jpg\" class=\"attachment-full size-full\" alt=\"Divided Showcase Carousel Final\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Final.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Final-300x138.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Final-768x354.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2023\/02\/Divided-Showcase-Carousel-Final-620x286.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, you\u2019re always more than welcome to make the changes as you see fit \u2013 use this widget as your playground to create the best possible carousel for whatever you have on your website.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Let\u2019s Wrap It Up!<\/h2>\n<p>[\/vc_column_text][vc_column_text]You should always be looking for the best possible ways to display your products, service, or offers on your website. Qi Addons for Elementor is a great plugin that will give you a lot of creative options for all sorts of displays. The divided showcase carousel we\u2019ve shown you here is a great combination of movement, image, and text, and it\u2019s bound to get people to look at it.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Looking for ways to spruce up your website visuals? How about using a divided showcase carousel to create a showstopping display!<\/p>\n","protected":false},"author":9295,"featured_media":42633,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[108],"class_list":["post-42608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-qi-addons"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/42608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/9295"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=42608"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/42608\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/42633"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=42608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=42608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=42608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}