Home v8 via Gutenberg

Home v8 of Vodi is built using Gutenberg.

The Details

1. Vodi Featured Blog With Blog Grid Section Block

Settings

Field Type Description Default
Section Title Text Enter the section title. None
Navlinks Text Enter Navlinks. None
Replace Background Image Media Upload Background Image None
Remove Background Image Media You can remove background image by clicking Remove background image. None
Background Color Selection You can select background color version. Dark
Search Post Text Search the movie by id or name. None
Order By Selection You can select order by. Title
Order Selection You can select order by. None
Search Term Text Search the category. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Additional CSS Class Text Enter additional class name. None

Output

2. Full-width Banner Block

2.1 Settings

Field Type Description Default
Replace Banner Image Media Replace the Banner Image. None
Remove Banner Image Media Remove the Banner Image. None
Link Text Enter the banner link #
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Additional CSS Class Text Enter additional class name. stretch-full-width

Output

3. Featured TV Show Block

Settings

Field Type Description Default
Search Post Text Search the movie by id or name. None
Replace Background Image Media Upload Background Image None
Remove Background Image Media You can remove background image by clicking Remove background image. None
Is Light Background Checkbox Check to change the text color dark. Uncheck
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Additional CSS Class Text Enter additional class name. stretch-full-width

Output

4. Videos Section Aside Header Block

Settings

Field Type Description Default
Section Title Text Enter the section Title. Just Fresh from
Our YouTube
Channel
Section Subtitle Text Enter Section Subtitle None
Action Text Tetx Enter the Action Text None
Is Light Background Checkbox Check to change the text color dark. Uncheck
Action Link Text Enter the Action Link #
Background Color Selection Select the Background Color Dark
Style Selection Select the Style Style 1
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Additional CSS Class Text Enter additional class name. just-fresh-section

Output

5. Vodi Blog List Section Block

5.1 Settings

Field Type Description Default
Section Title Text Enter the section Title. What’s Hot?
Section Subtitle Text Enter Section Subtitle None
Navlinks Text Enter Navlinks. None
Style Selection Select the Style Style 1
Hide Excerpt Checkbox Check to hide excerpt. Check
Enable Divder Checkbox Check to enable divider. Check
Limit Range Control Enter the number of products to displayed 5
Order By Selection You can select order by. Title
Order Selection You can select order by. None
Search Post Text Search the movie by id or name. None
Search Term Text Enter the name of the category name and select to show. None
Background Color Selection Select the Background Color Dark
Style Selection Select the Style Style 1
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. 3
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. 2
Additional CSS Class Text Enter additional class name. Dark

Output

5.2 Setting

Output

6. Full-width Banner Block

Settings

Field Type Description Default
Replace Banner Image Media Replace the Banner Image. None
Remove Banner Image Media Remove the Banner Image. None
Link Text Enter the banner link #
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Additional CSS Class Text Enter additional class name. None

Output

7. Vodi Recent Comment Block

Settings

Field Type Description Default
Section Title Text Enter the section Title. Recent Comments
Navlinks Text Enter Navlinks. None
Number of comments to Show Range Control Drag the slider to set the number of comments to be displayed 4
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. 3
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. 2
Additional CSS Class Text Enter additional class name. Dark

Output