Part 1: Video List Overview
Section Type: Video ListVideo section creates a dynamic showcase for your video content, supporting multiple platforms such as YouTube, Facebook, and direct video uploads. You can display these videos in either a horizontal scrolling slider or a structured grid list, allowing visitors to watch and engage with your media directly on the page.
Part 2. How to Configure Your Section
Our backend system provides a comprehensive set of tools to customize your content blocks. Follow these steps to set up your layout perfectly:
Step 1 : Video List Content Settings
Configure the header, layout style, and manage your video sources using the settings below.- Headings Style: Select the design style (e.g., Style 1 - 8).
- Headings Align: Select text alignment (e.g., Left , Center , Right).
- Main Title & Second Title:
- Heading Tag: Select the HTML tag (e.g., H1, H2, H3).
- Font Color & Size: Set specific colors and pixel sizes for Desktop and Mobile views.
- Font Weight: Select the text thickness (e.g., Bold, Normal).
Step 2: Video List Content Settings
Configure the layout density and add your video sources.- How Many Per Row: Choose grid density (3, 4, 5, or 6 videos per row in List view).
- Display Type:
- Slider: Horizontal scrolling.
- List: Static grid display.
- Video Margin: Adjust spacing between video items.
Video List :
Choose a source type and enter the details:
- YouTube: Paste the YouTube video URL.
- Facebook: Paste the Facebook video URL and upload a Video Image.
- Direct Video Upload: Upload the video file directly and attach a Video Image.
Step 3: Option Settings
Make Section full width?
- Stretch content to the screen edges.
Show Title?
- To display or hide the title area.
Use animation effect?
- Enable fade-in or slide-up animations when scrolling to this section.
Desktop View Margin and Padding setting
- Adjust external (Margin) and internal (Padding) spacing for Top/Bottom and Left/Right to control layout distances.
Mobile View Margin and Padding setting
- Adjust spacing values specifically for mobile devices to fit smaller screens.
Head Title & Subhead Title
- Adjust the spacing (Margin) above and below the Main Title and Subtitle text.
Background Selection
- Default: Uses the standard site background (usually transparent or white).
- Background Color: Fills the section with a solid color of your choice.
- Background Image: Upload an image (Recommended size: 1920x500px).
- Parallax Effect? Toggle Yes to create a 3D scrolling effect where the background moves slower than the content.
- Background Image with Color: Combines an image with a colored overlay.
- Opacity (1-0.1): Controls the overlay strength (1 = Solid color, 0.1 = Mostly image).
