{"id":7970,"date":"2023-06-19T11:11:24","date_gmt":"2023-06-19T11:11:24","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/?post_type=ht_kb&#038;p=7970"},"modified":"2023-06-19T13:33:45","modified_gmt":"2023-06-19T13:33:45","slug":"podcast-slider","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/knowledge-base\/podcast-slider\/","title":{"rendered":"10. Podcast slider [Elementor]"},"content":{"rendered":"<h2 id=\"how-to-add-a-podcast-slider-with-elementor-to-your-homepage\" >How to add a podcast slider with Elementor to your homepage<\/h2>\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><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>Set the<strong>\u00a0section to Full Width<\/strong>\u00a0if you want to use the custom slider background<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/68_section-full-width.jpg\" alt=\"\" width=\"1200\" height=\"330\" \/><\/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><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/69_column-padding-advanced.jpg\" alt=\"column padding\" width=\"1598\" height=\"636\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"step-2-drag-the-podcast-slider-item-in-the-page-editor\" >STEP 2 &#8211; Drag the<strong>\u00a0Podcast Slider<\/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\/70_podcast-slider-elementor-widget.jpg\" alt=\"podcast slider\" width=\"316\" height=\"216\" \/><\/p>\n<h2 id=\"step-3-style-the-podcast-slider\" >STEP 3 &#8211; Style the Podcast Slider<\/h2>\n<ul>\n<li>In Background, optionally enable the background picture.<strong>\u00a0It 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><\/li>\n<li>Optionally add a background overlay to increase legibility, as a gradient or a flat color.<\/li>\n<li>Set your preferred\u00a0<strong>design options<\/strong>\u00a0from the\u00a0<strong>Settings.<\/strong><\/li>\n<li><strong>Font size and padding options can be set for specific responsive breakpoints.<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>To set custom paddings for tabled and mobile, click the small screen icon and choose another device. The preview size will show the result on that resolution.<br \/>\nPlease note the result may be slightly different in a real mobile device.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/76_responsivity-podcast-slider.jpg\" alt=\"\" width=\"526\" height=\"268\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/77_slider-podcast-responsivity-fix.jpg\" alt=\"slider podcast responsivity design fix\" width=\"1532\" height=\"1258\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>In the Query filters you can choose which podcast episodes to display, by <strong>Series<\/strong>, <strong>category<\/strong> and more:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/78_slider-podcast-wordpress-website-template-query-parameters.jpg\" alt=\"\" width=\"1200\" height=\"419\" \/><\/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":[845,555,806,655],"class_list":["post-7970","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-6-pages-and-home-creation","ht_kb_tag-elementor","ht_kb_tag-podcast","ht_kb_tag-series","ht_kb_tag-slider"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7970"}],"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=7970"}],"version-history":[{"count":2,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7970\/revisions"}],"predecessor-version":[{"id":8129,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7970\/revisions\/8129"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/media?parent=7970"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb_category?post=7970"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb_tag?post=7970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}