> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Electro How to use Electro Video banner

## About Video Banner Section

Video Banner allows you to add a video as a background element in the header or banner section of your online store's homepage. It can help make your store more visually engaging and dynamic.

## How to access the Video Banner Section?

Click on **Add Section block** > search for **Video Banner** on the search bar and hit Video Banner.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586217/53275fe3ac77c363bc98beffe0f9/AD_4nXd7R2qVAZquXPqMRF12YfY6uAZNxdht4vWZJm7B-ObocBqIxpzx5WuP0Uiwwk4jsZNY-kly-nQz3mwYbFaCMnNTGp9XpaaQ54JweWMUz_PUHUXIBW0yZAjXY35s7eSc3LenKeatH-XPHCy3oELfkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=42d7bf0087db3ed40aee9125080814e7ec77f237970aab538c7bbc41cd5a7f5a&req=dSknFMx2m4NeXvMW1HO4zbDffZw5ehJ90qOSE9p%2BSvuHtqDm9YMnYjxhJDUj%0A7fJzCz%2BV22wuwVGV0Lk%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/4/4/0/2/4402f29375952800/a302c9a3-4b90-4fb4-b337-4158d2_13eizmb.png)

The settings of the Video Banner section and Video content block are similar to the [Image Banner](https://docs.saleshunterthemes.com/manual/electro-image-banner/) section and Image Content block. Instead of selecting an image, you can paste your video link at Video Link or select video from Shopify-hosted video which has been updated in your Shopify store.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586242/626e90d050690018f303bf122916/AD_4nXeU1k-7WS263iw3VciBiUv9QJRtV_qLzPhbhZxrtLna86AN-JvrlRqd8wA-qZh4_AGhubK4emPk0351Gz3Yqz_4z9Zc1FF0UKvdZagt0nVMzMaslwAEiUNibhrEKADkUIZJJez6IJXevHC5IZYh0AkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=b28c49824182297c353563078342fb6800e665e612ab8372ee6e893f667cccf9&req=dSknFMx2m4NbW%2FMW1HO4zQHZRa%2FwHPjtP73Jsy6wqAptO%2BXKrUMpO6I3Pyn5%0AQfkZ7jBBglQn555qz2A%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/2/0/2/9/2029e3fc10b45a00/8c50bfb9-9519-4e85-ac0b-debc2c_1b0f1mi.png)

In the External video, Electro theme supports **Youtube** and **Vimeo** video.

If you use video from the Shopify-hosted video, it will override the External video before.

## Mobile Configuration

For the video on mobile, you can also use a video link or select a video from Shopify-hosted videos. If you leave it blank, it will play the video on a large screen.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586266/979621deb376b1d62a581e589f78/AD_4nXf-SqCqyflkb9PXC2HmgvyVWxrA-ard2AeyV4eA9XzW8nGy1q11rEZ5UqG5Vwxt_gc05RLTMH7MqIGzQ8XQZ4iVoiUt_OtXnCtk723Ah8mQAPTAcGw9aya_1O2MOYuGhVvO0fNWg1equT4qhuAN-gkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=a36308d7df444122e688238ad43d28a194567fb31014222d9f1c5539e42a47f9&req=dSknFMx2m4NZX%2FMW1HO4zXzymC68%2Bws%2BlJczGQkcwG2imjkJdQOZnDDpdkrk%0AqraJo6w96Nfu4EcjbAM%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/b/8/2/3/b8239fc51c2b3800/9cf82bcc-7001-4055-a217-e390c8_1u79ub1.png)

## Content Block Configuration

You can add these following type of block for the section:

* Heading
* Description
* Countdown timer
* Button

Click on each block then you can edit details for them.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586291/4e66f1c005d09d43ec2837338dd5/AD_4nXcVjQ35lKnIXylh90m5DxgENQ5bB0-MRvsel-_O-0I8dAYoM53-wPTEuMJvh98iIe8L1_OUTncX6Bxkxia903JChBGanebT5krqbBx03tXSKCiPDfx6sajLOcLG1FY9xnVM4XLngWVaFbxxeSEIQkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=b225f6952c652281df3ab28519de2d67c2882fafc1d65870a03411f904414c5b&req=dSknFMx2m4NWWPMW1HO4zdP7X2Jj88nvny1lHCjoK1IFgnPyGKmV5PrD6TE4%0AnoObCueq8zhfJ4mMGjI%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/8/7/c/a87c41afa28b7800/5a204c70-e87d-4a09-9d02-01e7ac_1wfxh00.png)

### Banner Heading

To change the content of the heading, you just need to type down the text into the text boxes.

Then, you can adjust the text size: headline, H1, H2, H3.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586316/c079721a91a6849c3d989c181475/AD_4nXcQh7Lzm9WzTagistKT8-_npz86OoxCKbkkzcykXqdisvJ2LJwuTU-5UWmSn0p5a119wcckE1fqddfKrJuRc_W-2bT6_8BICPDB5U7L3YH732w_ROOznIZqbKIiPcaqdPjIR3xu9D56QC8o_221BQkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=c0c7236076a9bb7a95e646cc7b6e1652c52931cdbf1d531c3c60ba52f9e88cd3&req=dSknFMx2m4JeX%2FMW1HO4zT8KesjV7RKQ%2FjPSX4apgXwZ%2BDKMkxi8rs7Kr4%2B0%0AY3B2AdsGxgAYMwF%2Bpek%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/1/d/b/e/1dbe591b4d426700/131ffb43-8b09-4230-a365-a61b05_1aopk4h.png)

### Description

To change the content of the description, you just need to type down the text into the text boxes.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586338/6393e6062f6c5a3b12108b598145/AD_4nXemPmqDwzw-zrOf-UI-d_jfBxfWT-Nd0e4fCiWbmxdNbSDLAW1HaugtQ3KaCm7gnRG3F_3-K6FcHMI4Z-DJbqBJ20PMwFFgsiQaz-r3gG2rHNLVulFvxwlduhwL3trQspByyVXy4hbEQg7GaX6IkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=3c3172806f27d607ad9e30b71e3f28e3f280db6df1579a2207c9d02ca798bc4f&req=dSknFMx2m4JcUfMW1HO4zQgFabgrppiBABzlR%2FERC%2FR9qKafyXaILFhkYUj5%0AOeUmGZG0ejUz7eQVrIo%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/9/2/8/a9286c4ec4dc5800/026eeb0a-509f-40a2-891b-870034_18chbf3.png)

### Countdown Timer

Please check [this article](https://docs.saleshunterthemes.com/manual/electro-countdown-timer/) for the detailed settings of the countdown timer block.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586358/41d5173e51b997cd85ce83b74108/AD_4nXeGd_WKPE-aB0JIdQrkUecvX4uh8gQqlpa_qOx8AmTFxuW-d3a1UFpUBV7Qad0KU442n0z2c6hcKLVCAF7oTzDtH-st3TggVU_jkyL6fD_Ztm9dIqNDjWzbPS7GcFzPHOw81BzMk7Z49nYxDzd52QkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=d990673b7a657d4accb85b2ca459c4b12bd0d92574e78deb96f0ac5fa92d6bd3&req=dSknFMx2m4JaUfMW1HO4zXDEjhrQRFHmuw8xAQBqC6iK3F13yKoJQGxBoBxe%0A7TdpnkVTdXOnYNn9eXM%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/3/2/a/b/32abb059e9da9200/9f610a47-154b-4399-b695-afb60a_31ifsl.png)

### Buttons

In the Buttons card, insert the button label name for the Primary and Secondary button to add buttons on the section. Click on the button link to add a direct link for them. If you want to remove one button, just delete the text in the button label.

You can change the buttons color by going to **Theme settings** > Colors > Choose the [Color scheme](https://docs.saleshunterthemes.com/manual/electro-theme-settings/%23colors).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586376/c661ef183b32ba2739d9dd6a2625/AD_4nXebJ9BtnYdjU_lwm-kN2jnMqQcbBAFJYlWavrVUH0BRbM0RmKSKG3wJbUOYcB-o2WCCXv_s8GqVMihwQC2_u2j09opZOrHwEbouyfZg0WMLKVYLpQOa6CV6p58hBOGTQO3XUebv_zid-5KDAHJfTgkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=945084d72cebe0a3b9dfb67f9b3c2e234c46fc247721474faabd492c69ead075&req=dSknFMx2m4JYX%2FMW1HO4zYKnnu3rjWwnr9wQ20b6KwJvHai9fA%2BlcXFkStY3%0ARlE1iJS9iCcY5lGM1AU%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586376/c661ef183b32ba2739d9dd6a2625/AD_4nXebJ9BtnYdjU_lwm-kN2jnMqQcbBAFJYlWavrVUH0BRbM0RmKSKG3wJbUOYcB-o2WCCXv_s8GqVMihwQC2_u2j09opZOrHwEbouyfZg0WMLKVYLpQOa6CV6p58hBOGTQO3XUebv_zid-5KDAHJfTgkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1766660400&signature=36a4b87c71ef334ac8ce558dbdbc3f2d369c301794335c65486209ebe0bc3243&req=dSknFMx2m4JYX%2FMW1HO4zYKnkenpi24hr9wQwUL8IjglUCz59nDJtV46pVlN%0APzmw%0A)

The style for button, you can change from:

* Primary:

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586396/cb932580f6b90c5063c5ca316001/AD_4nXf_ofX77leuw-M7eEMUqF3MxG7IyJDKo6dB77dCCRcy0MkvVfJzOm4qgU9UlpYAM8QUcccwN-0JqgFiMaj_ICT_TW3EOqN5caMpotKBdvgHCmEXI3AQWLzs-3tlzIyR8di7pItVCVwDOog_zHpfCwkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=6f39cf74bb66d0fc1cfa4b5bb98aecd9b90ad0624cffbc0b586d1006e12f46bd&req=dSknFMx2m4JWX%2FMW1HO4zU8Fjv26MaRRKWTOE2MCElQIN%2FoUnFeO3xNkAIJY%0AWW4nrafHGOJQhl9TQhc%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586396/cb932580f6b90c5063c5ca316001/AD_4nXf_ofX77leuw-M7eEMUqF3MxG7IyJDKo6dB77dCCRcy0MkvVfJzOm4qgU9UlpYAM8QUcccwN-0JqgFiMaj_ICT_TW3EOqN5caMpotKBdvgHCmEXI3AQWLzs-3tlzIyR8di7pItVCVwDOog_zHpfCwkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1766660400&signature=03aa8b6f07701877516851a0ad9f45492908bedcbc3de3b3738522211fbf42c8&req=dSknFMx2m4JWX%2FMW1HO4zU8Fgfm4N6ZXKWTOCWcEG24iSXWrJAluWMjcXiTn%0AIboR%0A)

* Secondary:

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586410/d8c4d22689a480f625d1ef532a4d/AD_4nXdPQDgEY3GH9RpKjS0gPdq9TBtcTgwVGgNqEF_GCP1_AJ07gL2DDjbwjiamrEMc3eyEkiVjwyPjrqwmrfbChe2HLk_BHaOGuLgSrPckV1IVjReyqKhbz9daI5G60xN7kFsSPn9C6yvO8-QPyi216wkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=aff65999fedeb2edf5bfc8fb7832a31a29150192af4c2c9237957bd680635d81&req=dSknFMx2m4VeWfMW1HO4zYUhQifq5HUY7RXepWT3TWiQAwNWUPuKZ2191K4T%0Al9vHqkdeqLbV0zpU7wg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586410/d8c4d22689a480f625d1ef532a4d/AD_4nXdPQDgEY3GH9RpKjS0gPdq9TBtcTgwVGgNqEF_GCP1_AJ07gL2DDjbwjiamrEMc3eyEkiVjwyPjrqwmrfbChe2HLk_BHaOGuLgSrPckV1IVjReyqKhbz9daI5G60xN7kFsSPn9C6yvO8-QPyi216wkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1766660400&signature=5c05964a00b06b0d677aa5c43fa98c247b5f282362d9b74d2c53c8244c7e351c&req=dSknFMx2m4VeWfMW1HO4zYUhTSPo4nce7RXev2DxRFII4Bu9vAhU%2B%2BUoLHTT%0ACXg%2B%0A)

* Tertiary:

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586426/bdca36e871481f778aa8c482700d/AD_4nXeKlciZFxRFgiJIGiWuHVMRp78bSTa4ayRaJDsCvnYGQ-Df6lx3i6fvFjDpPv-FHzRh9e_aucwzmCSoW9yRNJzTBLtGjbAJG6VR62v3R4zA-3tXVZvIoYQzLP9d8-TBwl6BhcFLQp3fNAR96ucDHQkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1792402200&signature=765b76be18dc958d5d6a6827ca559351a190374aee081627def227e8102a78c7&req=dSknFMx2m4VdX%2FMW1HO4zXz8oLcE8EtfPErQK8KFM3vLWdiXsZY4JX5gAFlB%0AUngyDQ44gAf1MI7i1%2Bc%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586426/bdca36e871481f778aa8c482700d/AD_4nXeKlciZFxRFgiJIGiWuHVMRp78bSTa4ayRaJDsCvnYGQ-Df6lx3i6fvFjDpPv-FHzRh9e_aucwzmCSoW9yRNJzTBLtGjbAJG6VR62v3R4zA-3tXVZvIoYQzLP9d8-TBwl6BhcFLQp3fNAR96ucDHQkeyQ0cxYxExJ1ZkrDc_ov4GOA.png?expires=1766660400&signature=7c080cf48a8bac9d43e9a3464e30dd2c810a71ee8431e99fdc07f6d86639aede&req=dSknFMx2m4VdX%2FMW1HO4zXz8r7MG9klZPErQMcaDOkH800fIwA%2FoueD1VjQI%0AhhSW%0A)

---

## Frequently Asked Questions

**1. What is Electro Video Banner Section?**

Electro Video Banner allows sellers to add a video as a background element in the header or banner section, making your store more visually engaging and dynamic.

**2. How do I add video to Electro Video Banner Section?**

By YouTube, Vimeo link, or manual upload.