{"id":189,"date":"2020-05-10T11:40:09","date_gmt":"2020-05-10T11:40:09","guid":{"rendered":"http:\/\/redhost:8888\/documentation\/?page_id=189"},"modified":"2020-12-28T09:04:57","modified_gmt":"2020-12-28T09:04:57","slug":"coffeebean-hero-image","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/amaya\/coffeebean-hero-image\/","title":{"rendered":"Hero Image\/Video Block"},"content":{"rendered":"\n

Display a background image or background video with overlay text.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

How to use<\/h4>\n\n\n\n
<\/div>\n\n\n\n
  1. Click \u2295 to add a new block – How to add a new block<\/a><\/li>
  2. Select the AMAYA Hero Image or Video<\/strong> block<\/li><\/ol>\n\n\n\n
    \"\"<\/figure><\/div>\n\n\n\n
    1. In the block toolbar, you can change the block alignment to Full Width<\/li><\/ol>\n\n\n\n
      \"\"<\/figure><\/div>\n\n\n\n
      1. In the right sidebar, find all the settings for the block<\/li><\/ol>\n\n\n\n
        \"\"<\/figure><\/div>\n\n\n\n

        This Block comes with the following settings:<\/p>\n\n\n\n

        • Background Type<\/strong>
          Select if you want to display an Background Image or Background Video<\/li>
        • Background Image \/ Background Video<\/strong>
          Depending on your Background Type Choice, you can here upload\/select your Background Image or Background Video<\/li>
        • Add Overlay Color<\/strong>
          Add a transparent Overlay color to make text more readable.
          Overlay Color<\/strong>
          Move the slider on the right to set the transparency.<\/li><\/ul>\n\n\n\n
          \"\"<\/figure><\/div>\n\n\n\n

          Overlay Color Width<\/strong>
          Select overlay color widh (50% \/ 100% )<\/p>\n\n\n\n

          • Content Color<\/strong>
            Select content color (dark \/ white \/ white + theme color)<\/li>
          • Content Position<\/strong>
            Select content position (left \/ center \/ right )<\/li>
          • Vertical Text<\/strong>
            Add some text to display it vertically on the side<\/li>
          • Subtitle<\/strong>
            Add a subtitle<\/li>
          • Title<\/strong>
            Add a title<\/li>
          • Use Title as Page Title (H1)<\/strong>
            If you are displaying a Hero block instead of the page title, you can set the title to H1 here.<\/li>
          • Divider<\/strong>
            Check if you wish to display a divider<\/li>
          • Content<\/strong>
            Add content<\/li>
          • Button Text<\/strong>
            Add some text if you wish to display a button<\/li>
          • Button URL<\/strong>
            Enter button URL<\/li>
          • Button Style<\/strong>
            Select button style (Regular Button \/ Outline Button)<\/li><\/ul>\n\n\n\n
            1. If you wish to display this block all the way on the top of the page, you can remove the page title and page padding top value. In the right sidebar, click Document \u2192  Page Settings<\/strong> and check the Hide Page Title<\/strong> and Remove Page Padding Top<\/strong> checkbox.<\/li><\/ol>\n\n\n\n
              \"\"<\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"Display a background image or background video with overlay text. How to use Click \u2295 to add a new block - How to add a new blockSelect the AMAYA Hero ...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":26,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":3,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":3978,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/189\/revisions\/3978"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}