Classic Studio

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 , SmallLarge.
  • Enable or disable is wide option for button.
  • You can select border radius for button. It has three types Rounded 0PillCircle

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