{"id":7961,"date":"2023-06-19T11:07:59","date_gmt":"2023-06-19T11:07:59","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/?post_type=ht_kb&#038;p=7961"},"modified":"2023-06-19T13:33:49","modified_gmt":"2023-06-19T13:33:49","slug":"podcast-slider-featured","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/knowledge-base\/podcast-slider-featured\/","title":{"rendered":"11. Podcast slider featured [Elementor]"},"content":{"rendered":"<h2 id=\"how-to-add-a-podcast-slider-featured-with-elementor-to-your-homepage\" >How to add a &#8220;Podcast slider &#8211; Featured&#8221; with Elementor to your homepage<\/h2>\n<p>This widget has a different design than the default Podcast Slider, and includes a full player and a different aniamtion style. It also has a floating and a center design options.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"step-1-add-a-new-full-width-section-with-no-padding\" >STEP 1 &#8211; Add a new full width section with no padding<\/h3>\n<p>Make sure to choose\u00a0<strong>1 column structure<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/65_podcast-slider-step-1-new-section-full.jpg\" alt=\"\" width=\"1200\" height=\"395\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Set the<strong>\u00a0section to Full Width<\/strong>\u00a0if you want to use the custom slider background<\/p>\n<p>Now set column padding to 0 (right click on the column, edit column, click advanced and change padding ot 0)<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7962\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55.jpg\" alt=\"\" width=\"972\" height=\"618\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55.jpg 972w, https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55-300x191.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55-768x488.jpg 768w, https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55-50x32.jpg 50w, https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55-920x585.jpg 920w, https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55-600x381.jpg 600w, https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/scr-2023-06-19-at-13.06.55-320x203.jpg 320w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"step-2-drag-the-podcast-slider-featured-item-in-the-page-editor\" >STEP 2 &#8211; Drag the<strong>\u00a0Podcast Slider Featured<\/strong>\u00a0item in the page editor<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/79_elementor-podcast-slider-featured.jpg\" alt=\"\" width=\"282\" height=\"196\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>This is how it looks like when just added to the page. We will then style it to match your needs<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"step-3-style-the-podcast-slider\" >STEP 3 &#8211; Style the Podcast Slider<\/h2>\n<p><strong>Right click<\/strong>\u00a0on the slider, and choose<strong>\u00a0&#8220;Edit Podcast Slider Featured&#8221;.<\/strong><\/p>\n<p><strong>Each slide will use the image set as custom background for each podcast episode. (see\u00a0<a href=\"https:\/\/pro.radio\/shop\/knowledgebase\/1989\/How-to-create-a-podcast-episode.html\" target=\"_blank\" rel=\"noopener\">step 7<\/a>)<\/strong><\/p>\n<p>If missing, the featured image will be used instead.<\/p>\n<p>In the Settings part, first set the minimum height.<\/p>\n<p>You can set a different height for each device by clicking on the small screen icon.<\/p>\n<p>There are 2 design options: default and center.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"step-3-background-overlay\" >STEP 3 &#8211; Background overlay<\/h2>\n<p>To increase legibility and blend pictures with your homepage design, you can set a custom overlay for the slideshows<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"step-4-query-filtering\" >STEP 4 &#8211; Query filtering<\/h2>\n<p>In the Query filters you can choose which podcast episodes to display, by Series, category and more:<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[703],"ht_kb_tag":[847,555,655],"class_list":["post-7961","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-6-pages-and-home-creation","ht_kb_tag-elenentor","ht_kb_tag-podcast","ht_kb_tag-slider"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7961"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/comments?post=7961"}],"version-history":[{"count":2,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7961\/revisions"}],"predecessor-version":[{"id":8131,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7961\/revisions\/8131"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/media?parent=7961"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb_category?post=7961"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb_tag?post=7961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}