{"id":6766,"date":"2020-11-18T10:38:44","date_gmt":"2020-11-18T10:38:44","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/kentha\/?post_type=ht_kb&p=6766"},"modified":"2020-11-18T10:38:44","modified_gmt":"2020-11-18T10:38:44","slug":"3d-header-elementor-widget","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/kentha\/knowledge-base\/3d-header-elementor-widget\/","title":{"rendered":"3D Header Elementor Widget"},"content":{"rendered":"

This widget requires a version of Kentha Music WordPress Theme<\/a> equal or greater than 3.0.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

This widget for elementor can display an animated 3d element with multiple layers of images.<\/p>\n

The button can link to a custom URL or play a selected release from the archive.<\/p>\n

To add a 3D header:<\/p>\n

    \n
  1. Edit the page with Elementor<\/li>\n
  2. Add a section.<\/li>\n
  3. Using the navigator (right click > navigator on the page) edit the section
    \n    \"\"<\/a>
    \n    \"\"<\/a><\/li>\n
  4. Make sure to set the section “Full Width”<\/strong>
    \n    \"\"<\/a><\/li>\n
  5. Look for the widget 3D header
    \n    \"\"<\/a><\/li>\n
  6. It is normal that it appears as a full screen empty screen<\/li>\n
  7. Set a button function. You can set it as link page, play album (requires an existing album) or play radio (requires KenthaRadio<\/a> and a radio channel)<\/li>\n
  8. Optionally customize appearance, position and colors of the button.
    \n    \"\"<\/a><\/li>\n
  9. If selecting Play Album, you will need to select an album. If selecting Play Radio, you will need to choose an existing radio channel. Otherwise the button will not appear.<\/li>\n
  10. If selecting Play Album, the album cover will automatically be extracted from the archive.\"\"<\/a><\/li>\n
  11. In the Background section, you can set one or more layers of decorative images. We recommend using transparent PNGs. Please make sure you don’t make it too heavy, or your page performance may be poor.
    \nThe number of the background is based on the 3D depth of the layer.
    \n    \"\"<\/a><\/li>\n<\/ol>\n

    Preset images and templates<\/h2>\n

    Kentha comes with a useful serie of images for your 3D headers, included in the product folders.<\/p>\n

    \"\"<\/a><\/p>\n

    Performance issues and fixes<\/h2>\n

    If the performance appears degraded, it’s possibly caused by obsolete browser settings.<\/p>\n

      \n
    1. Go to the Chrome settings<\/li>\n
    2. Click advanced at the bottom of the page<\/li>\n
    3. Enable the Hardware Acceleration<\/li>\n<\/ol>\n