{"id":12854,"date":"2021-05-05T18:01:48","date_gmt":"2021-05-05T12:16:48","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/cook-recipe\/banner-settings\/static-video-cta-banner\/"},"modified":"2021-05-05T18:06:19","modified_gmt":"2021-05-05T12:21:19","slug":"static-video-cta-banner","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/cook-recipe\/banner-settings\/static-video-cta-banner\/","title":{"rendered":"Static\/Video CTA Banner"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"385\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticvideo-1024x385.png\" alt=\"\" class=\"wp-image-11017\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticvideo-1024x385.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticvideo-300x113.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticvideo-768x289.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticvideo.png 1464w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note<\/strong>: If you have added a video, the image will not be displayed. You can either use an image or a video in the banner section at a time. In the mobile view, the video will not be displayed to save bandwidth, instead, the fallback image will be displayed. So we recommend you to add a banner image as well.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section.<\/strong><\/li><li>Choose<strong> Static\/Video CTA Banner<\/strong> in the Banner Options.<\/li><li>Click on <strong>Select video<\/strong> to upload the video of your choice in the Banner Section or you can also add the Youtube URL for a video.<\/li><li>If you want to display a static image, click on <strong>Add New Image<\/strong> to upload the desired image on the banner section.<\/li><li>Upload an image for the background of the banner.<\/li><li>Add <strong>Title<\/strong> and <strong>Subtitle<\/strong> to the static\/video CTA banner section.<\/li><li>Enter the Button Label, Button Link.<\/li><li>Enable or disable the blue button for <strong>&#8220;Button One Open in New tab&#8221;.<\/strong><\/li><li>Select the color of the title and description.<\/li><li>Click <strong>Publish.&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"929\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticctabanner.png\" alt=\"\" class=\"wp-image-10842\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticctabanner.png 333w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/staticctabanner-108x300.png 108w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Note: If you have added a video, the image will not be displayed. You can either use an image or a video in the banner section at a time. In the mobile view, the video will not be displayed to save bandwidth, instead, the fallback image will be displayed. So we recommend you to add [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":12845,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12854","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12854"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=12854"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12854\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12845"}],"prev":[{"title":"Slider Banner","link":"https:\/\/docs.blossomthemes.com\/cook-recipe\/banner-settings\/slider-banner\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12846"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=12854"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=12854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}