{"id":53,"date":"2020-03-09T23:47:57","date_gmt":"2020-03-09T23:47:57","guid":{"rendered":"https:\/\/erplayer.pro.radio\/manual\/?post_type=knowledgebase&#038;p=53"},"modified":"2020-03-10T17:39:24","modified_gmt":"2020-03-10T17:39:24","slug":"design","status":"publish","type":"knowledgebase","link":"https:\/\/erplayer.pro.radio\/manual\/knowledge-base\/design-customization\/design\/","title":{"rendered":"Design"},"content":{"rendered":"<p>This radio player for Elementor is <strong>extremely customizable<\/strong> both in <strong>shape<\/strong> and <strong>colors.<\/strong> In this section you will see only the layout parameters. <strong>In the next pages you will see colors, backgrounds and typography functionalities.<\/strong><\/p>\n<h2>4 templates:<\/h2>\n<ul>\n<li><strong>Card:<\/strong> a vertical card player, perfect for a column<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-131 size-full\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.21.png\" alt=\"\" width=\"742\" height=\"477\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.21.png 742w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.21-300x193.png 300w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/li>\n<li><strong>Bar compact:<\/strong> a horizontal design to fit a menu or any horizontal partial space. You can change the maximum width.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-133 size-full\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.34.png\" alt=\"\" width=\"779\" height=\"298\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.34.png 779w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.34-300x115.png 300w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.31.34-768x294.png 768w\" sizes=\"(max-width: 779px) 100vw, 779px\" \/><\/li>\n<li><strong>Full width bar:<\/strong> better when used in a <strong>fixed<\/strong> position, can be placed at the top or at the bottom<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-134\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55.png\" alt=\"\" width=\"1629\" height=\"399\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55.png 1629w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55-300x73.png 300w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55-1024x251.png 1024w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55-768x188.png 768w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55-1536x376.png 1536w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.32.55-1200x294.png 1200w\" sizes=\"(max-width: 1629px) 100vw, 1629px\" \/><\/li>\n<li>Button only: no channels, optional volume control. The playlist is not available.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-135\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.34.05.png\" alt=\"\" width=\"527\" height=\"271\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.34.05.png 527w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.34.05-300x154.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/li>\n<\/ul>\n<h3>3 locations:<\/h3>\n<ul>\n<li><strong>Inline:<\/strong> it means that the player appears in the exact location where you drag it, in your Elementor page<\/li>\n<li><strong>Fixed:<\/strong> it means that the player stays in a corner (you choose where) and its visibility can be toggled with a button<\/li>\n<li><strong>Popup:<\/strong> it means that the button will cause a popup to open.<\/li>\n<\/ul>\n<h3>Design parameters<\/h3>\n<p>This player has a huge amount of layout variables, to fit any website design and available slot of space.<\/p>\n<p><strong>Some parameters are available only for specific templates.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-136\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.36.02.png\" alt=\"\" width=\"330\" height=\"786\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.36.02.png 330w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.36.02-126x300.png 126w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This radio player for Elementor is extremely customizable both in shape and colors. In this section you will see only the layout parameters. In the next pages you will see colors, backgrounds and typography functionalities. 4 templates: Card: a vertical card player, perfect for a column Bar compact: a horizontal design to fit a menu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[7],"class_list":["post-53","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-design-customization"],"_links":{"self":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/53"}],"collection":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":4,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/53\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/53\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase_cat?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}