Classic Studio of Front is build using Gutenberg blocks. It has 6 blocks.
Overview
The Details
1. Hero Video
General Settings
- Enable Container: Enable or disable container. Default: Enable
- Enable Subtitle: Enable or disable subtitle. Default: Enable
- Enable Video: Enable or disable video. Default: Enable
Color Settings
Use color picker to change block title and subtitle color.
Background Settings
Backgrounds have a significant impact on the design of a website. They help create a site’s look and feel. Embed a video from your media library or upload a new one.
Additional CSS Class
Enter the additional class name
Output
2. Clients
Settings
Output
3. Info Colorful 1
Settings
Layout Setting :
There are 8 different styles are available. Default: Style #1
Number of Cards :
You can select number of cards by using rangecontrol.
Display Section Header :
You can enabler or disable section header.
Bg color settings :
You can choose background color by using color palette.
Color Settings :
You can select color or custom color of Bg, title, description, pretitle in the color palette.
Button Settings :
- You can choose button designs for buttons. It has four type styles default, outline, soft, text.
- You can select button background color in the color palette.
- You can select button sizes. It has three type of sizes Extra small , Small, Large.
- Enable or disable is wide option for button.
- You can select border radius for button. It has three types Rounded 0, Pill, Circle
Advanced Css class :
Enter additional class name.
Output
4. Testimonial Carousel
Settings
Layout
- In layout panel you can choose block style.
Testimonials Settings
- Testimonial Selector: Search and select the testimonial that you want to show.
- Testimonial Limit: Select number of testimonials you want to show.
- Order by: Order the testimonial by Newest to Oldest, Oldest to Newest, A → Z and Z → A.
Star Rating Settings
- Choose start ratings of the block.
Display Settings
- Enable Container: Enable or disable the container. Default: Enable
- Display Quote: Enable or disable testimonial quote. Default: Enable
- Display Author Name: Enable or disable author name. Default: Enable
- Display Author Designation: Enable or disable author designation. Default: Enable
- Display Author Image: Enable or disable author image. Default: Enable
- Display Author Message: Enable or disable author message. Default: Enable
Background Settings
- Backgrounds have a significant impact on the design of a website. They help create a site’s look and feel. There are two types of settings are available: Single and Gradient.
- Background Type: Choose single or gradient background type.
- Background Color: Choose the background color.
- Single: Solid background color.
- Gradient: Gradient ( Combination of two or more colors ) background color.
- Background Image: Choose the background Image.
Advanced Panel
- Additional CSS Class(es): Enter additional class.
Output
5. Info Colorful 4
Settings
Layout Setting :
Among 8 different styles of info colorful block, select the layout as you wish. Default: Style #4
Number of Cards :
You can select number of cards by using rangecontrol.
Display Section Header :
You can enabler or disable section header.
Bg color settings :
You can choose background color by using color palette.
Color Settings :
You can select color or custom color of Bg, title, description, pretitle in the color palette.
Button Settings :
- You can choosebutton designs for buttons. It has four type styles default, outline, soft, text.
- You can select button background color in the color palette.
- You can select button sizes. It has three type of sizes Extra small , Small, Large.
- Enable or disable is wide option for button.
- You can select border radius for button. It has three types Rounded 0, Pill, Circle
Advanced Css class :
Enter additional class name.
Output
6. Contact Form #2
Settings
General Settings
- Enable Container: Whether to have container or not. Default: container enabled.
- Enable Separator: Activate or deactivate separator. Default: Separator enabled.
Background Settings
Backgrounds have a significant impact on the design of a website. They help create a site’s look and feel. There are three types of settings are available: Single, Gradient and Image.
- Single: Solid background color
- Gradient: Gradient ( Combination of two or more colors ) background color
- Image: Upload image as background
In default, Single type is used in this block.
Text Colors
By using color picker, change the color of pretitle and title of the block.
Additional CSS Class(es)
Enter the additional class name which you used in this block
Output