> ## 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).

# Shine Video With Text

# About Shine Theme Video With Text

The **Shine Theme Video With Text** highlights messages and call-to-action buttons with a video to showcase your brand’s products in the best light possible.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584432/59005e7bb9b20e7fafee48a988b7/waSdvL_vR42DlYGHXhbXuTwr_Suw8HdpdTzEkwyN554cJX2vp4o5KAcZQl9_uX0w5aKhUekXc-D6iDHrbWiSYvdnMJkX3QOverxeSUVNMH0DI1IKsK5THCkAAHHUNcs9zG_oYZLbOvntImko.png?expires=1792403100&signature=77931b0ca8336a77af0f0f7c4d7cb60b52f30c5435bf5e32a9939f5643f2b8a7&req=dSknFMx2mYVcW%2FMW1HO4zUIWltDbijVi4na3qA%2Fx%2FI3Fu1opI%2FwltyVXzpG8%0Ab7i9i%2BBhcdZG%2FBe%2F%2BU8%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/d/b/9/6db9393f7990c000/d59e6793-d4a4-4c86-a5eb-fac9e9_pu708y.png)

# Access Shine Theme Video With Text

From any page in the Shine Admin Dashboard, click on the **Add section** button > Search for Video With Text > Click on it to add the **Video With Text** section to your page.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584453/a8aca70fb93b09f1a5b44cdb2103/CCzb63MA683E9u9_h7zNhiq7tzzwdO6v0f_ynT2BmvBkbzgRncBK-STjMaT1PKOh3ExTeoQBQ1jScS42HNIfOZgVi3-GV5ymw9A32A8SzA-Kt3vf8KYU6TVOON9sl_Vynf56QIstsQGVqeTr.png?expires=1792403100&signature=f899db581a610bbba2580f13acdf9af2a40a42a37ddf3dd41e92ae00d55948bd&req=dSknFMx2mYVaWvMW1HO4zYfKdQdo7ykdK7qAlR%2FKozGLZMULKSGhsEiwp3es%0A5pja%2B5myz0K8xUuOROg%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/9/6/e/f96ee27036ff6800/684dca8c-ddf7-4a6e-8896-c2cc5b_1olzzuk.png)

# Shine Theme Video With Text Configuration

To configure the **Video With Text** section, click on the section to access the configuration settings.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584477/504323afbfa0d155af2fcdfd8c73/BeBcBj9b98FBRVx2BaLSWqxh0MHywAWqatdB2fLPc9hbcv5v_LX0oPyArKUN_0Qq6Ec8LotGMxfstElr7Imzd_Y4T_RHYPfasOdiOThi-TCgrcjVmbUSHxbOAcE4143yfNQ9El3nPlqC-Hng.png?expires=1792403100&signature=e843d1b04084c9665c40855a1e5e2d208a6f5f94bea760bea4472739aa089575&req=dSknFMx2mYVYXvMW1HO4zZtnV3li6VcBBj5ZXqHtlidlQRfFD1HN%2B1ndcjPr%0AxsPN68ZTQePDkzfwCnA%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/6/b/0/66b094312a614000/24169872-075d-4865-aa04-7497c4_uk7ru5.png)

## General

Under the Color Scheme, you can choose a specific scheme for the Video With Text section. To modify or add a new color scheme, go to Theme Settings > [Color](https://docs.saleshunterthemes.com/manual/shine-theme-settings/#color-schemes).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584497/3ccadb75d7177520f495ad3b355d/0mvXJN2NwvXuJi3_uIHWUUkwNuyaIBbqJ2KNXco_rkaUYqnX6ZOtCC9xIosI53b2Vbqj2NkZetU2ZZ2jZoorsN_iXTcZJX_fdcX9wCgG7zCJmJo2yk9H2i1E18ZqnCIFJ-6Wywi8FFAo2IvE.png?expires=1792403100&signature=81a9630c46cd5cf2a04752567c847c168b61506964b03346d9922cd0d553f36f&req=dSknFMx2mYVWXvMW1HO4zQoIgRTdrwOsQinZwOpen49epKWeQq0Y3L0N5lvI%0A4dn4v6iGdUT6ohfgMi0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/3/0/1/530125e70e74fc00/82d45c4a-7a03-489c-b2c2-2f4b28_1uqi4sq.png)

## Video

In general, you can paste your video link at External video option or Select video from Shopify-hosted video option which has been uploaded to your Shopify store.

* External

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584519/4c93aa2c6cb0d168cef3f60818e3/dngZA7CW_Qua_gLJBaGORN-RjQfcrCLXPEXW_wpMUSuDq5uG1dL78lvxiBBcI4gdWJWFNEOhwgXLh7Kiy13ZdvNYiMiYENtrsG7YycuoI0Ai3uwoklzk_MwuaQBCIqv_GWbEJ0cgluSknISH.png?expires=1792403100&signature=91c54ad626279e00e32493e394f645d76385a0f8882240ed3e30e5ccd20d04b0&req=dSknFMx2mYReUPMW1HO4zZ%2Fm4IVXJcSjMR8YWUnG%2Bj%2FygK0qJVlcinFsjU1Q%0ANmFN%2BhUd3RQ%2Bj3d3XE0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/9/1/1/891159b0e0e34000/d428960f-ff74-4417-83a0-5f6ce6_odjvof.png)

* Shopify-hosted

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584546/c7d9e10833f72c623d44c94e474a/KeJC-DGU0Db6xTlJAm6CjP9mZ__xqb5eZctaeJ_NfTjnsE8ZNFS8Ntc3VgIAUc_Ehrr7gZsgVcXEymefFSuskEvyY14ghUeQPSeUeRwYllT7WSDl7sW7gTxByDp5TBjTjBPusqH1aekWRWBD.png?expires=1792403100&signature=e04e9771e48d1a9804f08a8e93d498f14a81df2a09b7c832f758631a6dc5dc2d&req=dSknFMx2mYRbX%2FMW1HO4zR285%2BAMSpwC4Tm1TeD941yPEmerrndXeFwya1lC%0Avsm19rbFvxcop6FEx7A%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/0/d/7/80d767fa930c600/4f0d21f7-2450-4653-9d7e-b81338_1f696so.png)

Note: In the External video option, the Shine theme supports videos from Youtube and Vimeo. If you use video from the Shopify-hosted option, it will override the External video before.

Next, you can adjust the Video ratio:

* 4:3
* 16:9
* 1:1
* 3:2

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584569/e96effab5c5c077fb375d22b5c63/ayv_7gCGfNhqGjobJQIq8nd-fjxMyMsKv_pTnTQcynVuSnxBAit1oA_LL6s5CytYv4sy_kBfJMqvuYsXuq6BVrIQXSYlE7y1jTBV2hLfOQihSeyE2wrcwARrSFL0NhzWkRwMCJrQ-Cs3Vxw.png?expires=1792403100&signature=f4d04114e4efb7308dadfbc2f94e3dc5e4a8d34b760fef90ef08a69bc726fd3f&req=dSknFMx2mYRZUPMW1HO4zePLcl8LWgJE3AReBM3Li236%2FxXcajp9XWDI39PQ%0ADFYIHB5jBgYAX82qUkU%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/5/2/1/65211e1af2b5580/f2a4d0a4-d4c9-4b4e-95ef-0322c1_29af23.png)

On the Video thumbnail option, click on the Select image to upload the image or choose an existing image on the media manager.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584594/57c725ae2d43a33d4368864fff45/QVnWXKI2fwnnaXjCCwvMKnXH3s7vB-NmFfIhtZMr31DDP7onss1_41IJJDXMAMeRlM4QrEhgFFWWEP_qt6aHQJhYPqFqYdcmpFkmmkQRtqRiD5dusqak9-7kN_LUjZFohc5zbI21gyb3EBCO.png?expires=1792403100&signature=d9fee8180f98151d8cf62f5fa09f4a84d76a52b71ca3439b13bea70e8df15ac5&req=dSknFMx2mYRWXfMW1HO4zdPBozkBh4Aiu7g2iwuD2KpI9rK6%2FALxxOArLtuM%0Azl4ze23uM8lZYNEXF8Q%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584594/57c725ae2d43a33d4368864fff45/QVnWXKI2fwnnaXjCCwvMKnXH3s7vB-NmFfIhtZMr31DDP7onss1_41IJJDXMAMeRlM4QrEhgFFWWEP_qt6aHQJhYPqFqYdcmpFkmmkQRtqRiD5dusqak9-7kN_LUjZFohc5zbI21gyb3EBCO.png?expires=1766660400&signature=930a026f400319dc5173552f805d00dbb98deb01d276afb40c9aaa015bb9dffb&req=dSknFMx2mYRWXfMW1HO4zdPBrD0DgYMnu7g2kQ%2BF0ZA63el4%2FfGojSf%2FaJ6f%0AHyhk%0A)

You can also enable auto-play, video loop, and video mute by clicking on the checkbox.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584616/2b23559f508daff2bac04bfdd324/CXlyyKijPWHmNqmvpEqK0oYgkD_itpAjTvCf7qpvjjH2NKKfuW7g98w3BEtzruO4Dcxjm1fD2cdMZWYYcbvFlqqUSDCU7coCGEk8zZczESy0PhRvPlyYYNrlXL3RH5NVAfXMbUZE11s8_-Pg.png?expires=1792403100&signature=6b30ff440aa8b344cf9f5aa29c1492b593ebccf4f3dcc998d17c1ff108b7be85&req=dSknFMx2mYdeX%2FMW1HO4zWKh9w%2B8UF420OblGsINrWgqmnT06owAAQHdXD%2B3%0A4TzqdMXBE9cviZ09dIY%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584616/2b23559f508daff2bac04bfdd324/CXlyyKijPWHmNqmvpEqK0oYgkD_itpAjTvCf7qpvjjH2NKKfuW7g98w3BEtzruO4Dcxjm1fD2cdMZWYYcbvFlqqUSDCU7coCGEk8zZczESy0PhRvPlyYYNrlXL3RH5NVAfXMbUZE11s8_-Pg.png?expires=1766660400&signature=12f2c684cff2c30073334bce3c4b426b88cf56da7df7efedd413953c0e71e1fe&req=dSknFMx2mYdeX%2FMW1HO4zWKh%2BAu%2BVl0z0OblAMYLpFJaDvBpmQDzzfM499z%2F%0AdSOr%0A)

## Large Screen

On the Large screen option, the section offers two options to order text and images:

* Text first
* Image first

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584636/c1dc84f156544417a02f53bf3b3b/w-xKR-RXcwJ4QUIFA5YwIJPa8pmEvwC5Llqcr7HA_yUejpTeMnZO_fIdw31Xt76gr354E5yDh29fwgRBgOrMYf5c3mtimm0hmj19ys9PjZYtvEpBIYQFy-8s0OQa_MlzhygG9EtpY_lZZDcs.png?expires=1792403100&signature=a9778579e9405aa2955383dd3c6e876b7470e3f94b27ec1abbac6cc492064bdb&req=dSknFMx2mYdcX%2FMW1HO4zU5HzDJ%2BAMWgZJYgy6wsCc3SHRX2Pg%2BbeCvQwosH%0AwTLKI8M8zrVy8QrPFX8%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584636/c1dc84f156544417a02f53bf3b3b/w-xKR-RXcwJ4QUIFA5YwIJPa8pmEvwC5Llqcr7HA_yUejpTeMnZO_fIdw31Xt76gr354E5yDh29fwgRBgOrMYf5c3mtimm0hmj19ys9PjZYtvEpBIYQFy-8s0OQa_MlzhygG9EtpY_lZZDcs.png?expires=1766660400&signature=0b46b303599302882213a7060e0ff0d302dfe9d9777ec1d78e2fb2347fd5229c&req=dSknFMx2mYdcX%2FMW1HO4zU5HwzZ8BsalZJYg0agqAPcpDKQhAfyITt0jbhAr%0AKo6X%0A)

You can also customize the Video width by switching between Regular and Large.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584654/d7afb63e5a5acf2170a810d89b97/DuF6xPwEMhpJfB6oGJNdusA1qiDThVaN72_YRNPBtX1oHh1jGjjCE50tP_tEI8goLR7xxACj1yxeN6f5xZfmVk7R3ugXRuiA_-yAC2qM7R1_NIcLemLUotU703YByoJc2C0OKdVDeyEaeNAO.png?expires=1792403100&signature=9d25093ad88d51ac812294a1dd204f9125f32d4c24da70eb50f1d740a04e7425&req=dSknFMx2mYdaXfMW1HO4zeB35SmCesd2p9Fxz6zMCCAD167LMI5gO1yKVTQo%0A%2BScQd6Wz%2FGH7vwDe%2Bh4%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584654/d7afb63e5a5acf2170a810d89b97/DuF6xPwEMhpJfB6oGJNdusA1qiDThVaN72_YRNPBtX1oHh1jGjjCE50tP_tEI8goLR7xxACj1yxeN6f5xZfmVk7R3ugXRuiA_-yAC2qM7R1_NIcLemLUotU703YByoJc2C0OKdVDeyEaeNAO.png?expires=1766660400&signature=12d51b44529680b5a0549d64122f22d1e4939d1aae25ebc23185a269f8acfb4d&req=dSknFMx2mYdaXfMW1HO4zeB36i2AfMRzp9Fx1ajKARohxLEC8WwmZzwbD4by%0AYpaW%0A)

## Mobile Screen

On a mobile screen, you can change the Section heading alignment between the Center and Left.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584673/cd51956343a0b375829db4988351/8z1GUpxAi4hi6GDBPvNnVi6gijUZLl4-NE0K0qFeJYLMmA3AlpUkpw5BY_nG08P2hyFD5osmOW5SKgjSXInY5FrTp-Atu7AT2UTqznfsEbTgRlFxGgGK_6HLaWGjO2XTk3qttxH4xOXcu2SI.png?expires=1792403100&signature=3a76405da11e2dc7b11a9d0bf5b9fac79dcf05fc25abcd98085dd2e9e86699ea&req=dSknFMx2mYdYWvMW1HO4zUBKGIIEd0Yd8t7XTHICxa0G%2B8uAsKQ1qqMpdyeA%0A%2FzNCDRvmepXDGODlMOE%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584673/cd51956343a0b375829db4988351/8z1GUpxAi4hi6GDBPvNnVi6gijUZLl4-NE0K0qFeJYLMmA3AlpUkpw5BY_nG08P2hyFD5osmOW5SKgjSXInY5FrTp-Atu7AT2UTqznfsEbTgRlFxGgGK_6HLaWGjO2XTk3qttxH4xOXcu2SI.png?expires=1766660400&signature=3afcccbc7e75f5b9dcaab1f817e2db0303155e320a5cd111b887d407fa013a42&req=dSknFMx2mYdYWvMW1HO4zUBKF4YGcUUY8t7XVnYEzJfhtFMsLJ92oZhe6xrY%0A%2FsIu%0A)

You can also choose to display Text first or Image first.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584691/37012e0336052a868b9893534741/g6Um_SpIqodBepBqKC6gj1P1mcLPHjJ9spZjiNWT26WPbnumzvOu90B6nDUVG6TWe_k6ZJf9b_nB00YE_FV-ZRm_nrqv4zX2Qnngi9B6G1V1_CtLOKl1SZBEgaYxMZLV1cijnMbBmpuEZl14.png?expires=1792403100&signature=e5ab1eff8fbc5b2bc07b120393a753c327d9bc2d2d353c46ec7332a36281b962&req=dSknFMx2mYdWWPMW1HO4zWbTpJuuPNiPI0GfbIcLPUq9QVy5rAYBtSzt2N5v%0Auq7LbaKi6VA%2FGmFJHKg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584691/37012e0336052a868b9893534741/g6Um_SpIqodBepBqKC6gj1P1mcLPHjJ9spZjiNWT26WPbnumzvOu90B6nDUVG6TWe_k6ZJf9b_nB00YE_FV-ZRm_nrqv4zX2Qnngi9B6G1V1_CtLOKl1SZBEgaYxMZLV1cijnMbBmpuEZl14.png?expires=1766660400&signature=4ecc701577b618ae80dba2124e766ccbfb9eeb1aed08a2a36b72fd7d0f1d461a&req=dSknFMx2mYdWWPMW1HO4zWbTq5%2BsOtuKI0GfdoMNNHDXpnoCbfdHpl3ovYiK%0AQkv1%0A)

## Spacing

You can choose to customize the outer spacing top/bottom of the Video With Text section.

* Remove outer spacing top
* Remove outer spacing bottom

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584706/afd966fb01755c45583556056ab8/qVrbYPvIGA-GSD1bm4UDvuEpXa1JMH2QovP4VnDHnalzmF1BNG8_iqF6W3MwXGx6jktYJlLnvYT_oRJqXRWm3keLnDKSFgoz879kIit0_vzsLnl2iFouel9k8fwM7zOUCecjK4k-SVTuOiXy.png?expires=1792403100&signature=33b5099b0ce3cc144a4850fbbbac45c19990bb92cac42bf922329af892edb4c6&req=dSknFMx2mYZfX%2FMW1HO4zVCdpzLQ2PDDOp%2FLZm%2BTzW96RdT91LfJ6cCEUwF2%0AAtxzfkl5rF7fzk4QoFc%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584706/afd966fb01755c45583556056ab8/qVrbYPvIGA-GSD1bm4UDvuEpXa1JMH2QovP4VnDHnalzmF1BNG8_iqF6W3MwXGx6jktYJlLnvYT_oRJqXRWm3keLnDKSFgoz879kIit0_vzsLnl2iFouel9k8fwM7zOUCecjK4k-SVTuOiXy.png?expires=1766660400&signature=2c4b352b24d4eaa89d9d72fb04f1dd7ca4389753d00e70cd112a18160cd57ba6&req=dSknFMx2mYZfX%2FMW1HO4zVCdqDbS3vPGOp%2FLfGuVxFWSr4OlJrRbOAA27k4o%0A9RQb%0A)

# Shine Theme Video With Text Blocks Configuration

The **Video With Text** section provides five block types: Subheading, Heading, Description, Buttons, and Countdown timer.

To add blocks to the **Video With Text**, click the **Add Block** button.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584719/2b8a7a7bc34e9c031edc383e7a45/Rajxt4l9OIy1FM3sv9hnyE1-nwFxxvEWv4RsxAUOwU9akYv_FUPdEMRJODuO04VZeQxN1ZMLs7UB7Q-KqwIYxLy-pACCfhGDBG5JXWu5HeIH4EouoSZLR2a1HnrPlrb1BVesXgUPePnMVt7.png?expires=1792403100&signature=a58495f615c32ed215647aaf3aa058b800d291e5b29a46c183478ce836d80e65&req=dSknFMx2mYZeUPMW1HO4zanCZm4BxYt3yRHFkyZDffTcMy1H1OmUkmN%2BvUDN%0AcOOhVNzb%2BXzXnkPa3J8%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584719/2b8a7a7bc34e9c031edc383e7a45/Rajxt4l9OIy1FM3sv9hnyE1-nwFxxvEWv4RsxAUOwU9akYv_FUPdEMRJODuO04VZeQxN1ZMLs7UB7Q-KqwIYxLy-pACCfhGDBG5JXWu5HeIH4EouoSZLR2a1HnrPlrb1BVesXgUPePnMVt7.png?expires=1766660400&signature=14a52aae5f676d93ffe7a2fcbf3c021b28d640b4610e446b8768d450f8802d34&req=dSknFMx2mYZeUPMW1HO4zanCaWoDw4hyyRHFiSJFdM69DtQSpuinl4LW4oH3%0A7oFG%0A)

To modify an existing block, click on it to open the settings modal.

For further customization of these blocks above, check out [Image Collage With Text](https://docs.saleshunterthemes.com/manual/shine-image-collage-with-text/#shine-theme-image-collage-with-text-blocks-configuration) article.