Full Rise Block Documentation

1. Getting Started

1.1 Installation and Update

1.2 Adding Blocks

1.3 Customizing Blocks

1.4 Arranging Blocks

1.5 Deleting Blocks

2. Working with Advanced Heading Block

2.1 What can you do with the Advanced Heading block?

2.2 Toggling label and subheading

2.3 Align your heading

2.4 Desired typography and colors

2.5 Manage space between blocks, heading, and subheadings

2.6 Some Extra shots

3. Working with Call to action block

3.1 What can you do with Call to Action block?

3.2 Customizable Appearance

3.3 Setting up your desired typography

3.4 Tweaking Colors

3.5 Manage Space and make it readable

4. Working with Counter Block

4.1 What can you do with Counter block?

4.2 Customizable Appearance

4.3 Setting up your desired typography

4.4 Tweaking Colors

4.5 Manage Space and make it readable

5. Working with Page Slider

5.1 What can you do with Page Slider Block?

5.2 Customize the Appearance

5.3 Setting up your desired typography

5.4 Tweaking Colors

5.5 Manage space and make it readable

5.6 Linking to resource

6. Working with Blog Block

6.1 What can you do with the Blog Block?

6.2 Customize the appearance

6.3 Post-order option

6.4 Setting up your desired typography

6.5 Tweaking Colours

7. Working with Section Block

7.1 What can you do with Section block?

7.2 Add up other blocks in the section

7.3 Customize Appearance

7.4 Manage Space and make it readable

8. Working with Icon Box Block

8.1 What can you do with Icon Box Block?

8.2 Customizable Appearance

8.3 Setting up your desired typography

8.4 Tweaking Colors

8.5 Manage Space between title and description

9. Working with Profile Card Block

9.1 What can you do with profile card block?

9.2 Customizing Appearance

9.3 Setting up your desired typography

9.4 Tweaking Colors

9.5 Manage Space


1. Getting Started

1.1 Installation and Update

1.2 Adding Blocks

You can add block through multiple ways.

1.3 Customizing Blocks

1.4 Arranging Blocks

If you feel you need to arrange the blocks you can follow the following steps:

1.5 Deleting Blocks

You can remove the block by following ways:

2. Working with Advanced Heading Block

The heading is the first content that we perceive. So catchy and informative headings are what the content should have. Otherwise, the users may change the webpage resulting in high bounce rate.

With Advanced Heading Block, you can get the catchy heading along with sub-heading. Additionally, you can also add a label to it. Furthermore, you can customize from the block option available alongside.

2.1 What can you do with the Advanced Heading block?

2.2 Toggling label and subheading

General option offers you whether to display label, subheading, and separator. Additionally you can also choose which heading tag to display for the heading.

2.3 Align your heading

You can align the heading either left, center or right as the content demands. The option is in the block toolbar right above the heading block.

2.4 Desired typography and colors

You can change the typography of heading and subheading. You can also set your desired font weight and size. As for colors you can set it for label and the separator as well.

2.5 Manage space between blocks, heading, and subheadings

Spacing makes the content clear and adjustable to read easily. You will get the option to manage the section, heading, and subheadings.

2.6 Some Extra shots

You can use advanced heading with other blocks to generate other sections. Here’s the quick view.


3. Working with Call to action block

A call to action section is a clear direction to the visitors to take a certain action on the website. This action may be to get a quote for the service, to buy the product, or to message the business owner. Hence for the business, a clear Call to Action is very important as it funnels to the desired actions in the website.

With our Call to Action block, you can expect to achieve this behavior as it funnels to the desired action. Click here to view beautiful demos to understand what Call to action block can deliver.

3.1 What can you do with Call to Action block?

3.2 Customizable Appearance

You can set width size, choose between displaying image or solid colors in the background from the block options. You can also modify button appearance from button setting available in the block options.

3.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. Here, you can change the typography for title and button content.

3.4 Tweaking Colors

You can change the colors of Title, Line, Button box and text to the appropriate one.

3.5 Manage Space and make it readable

Make your Call to Action section readable and responsive in all devices through the spacing option available on the block options.


4. Working with Counter Block

Presenting numbers in a paragraph are not a good idea as people just scan the content to get the glimpse. Therefore, if the numbers are presented in a section in a peculiar way then they can grab in just a second.

With Counter Block, you can display the numbers and assign the title to it. Here are the beautiful demos for you to learn more about it.

4.1 What can you do with Counter block?

4.2 Customizable Appearance

You can choose either to show box, border, and separator between number and text. Additionally you can determine separator’s height and width.

4.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. You have the option to change the typography for number and text.

4.4 Tweaking Colors

You can change the colors of box, number, text, and separator.

4.5 Manage Space and make it readable

Make your Counter section readable and responsive in all devices through the spacing option available on the block options.


5. Working with Page Slider

Sometimes you may want to set a featured page section that slides important pages like services, notices, etc. in your landing pages. This is what page slider block does.

With Page Slider Block you can choose the pages to make featured and set in a carousel format. you can have a look at the beautiful demos to understand Page Slider Block more clearly.

5.1 What can you do with Page Slider Block?

5.2 Customize the Appearance

You can do multiple things to customize the appearance.

Toggle autoplay, infinite loop, arrow, and dots.

Make button - rectangle, curved rectangle or round.

5.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. You have the option to change the typography for title, excerpts and button text.

5.4 Tweaking Colors

You can change the colours of text, and the button. additionally you can add the overlay colour to the background.

5.5 Manage space and make it readable

Make your Page slider section readable and responsive in all devices through height and width option under the content option available on the block options.

5.6 Linking to resource

You can either link to internal page or external resource.


6. Working with Blog Block

The blog section has its own importance in the website. It may be used to disseminate the news about the company or organization, or the articles on a certain topic that the company finds it useful for their customers.

Blog Block displays a limited number of blog articles in your desire pages. This block is useful when you want to display blog on the home page or certain category articles in related pages.

6.1 What can you do with the Blog Block?

6.2 Customize the appearance

You can do multiple things to customize the appearance.

6.3 Post-order option

You can display the blogs articles either by publishing date or alphabetically. Additionally, you can choose whether to display a specific category or regardless of category.

6.4 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. You have the option to change the typography for title, excerpts and meta information.

6.5 Tweaking Colours

You can change the colours of text, excerpts, and meta Information. Additionally, you can change hover colour of the title also.


7. Working with Section Block

A section in the website distinct from other blocks as it serves as a container. You can add other blocks and group them together.

7.1 What can you do with Section block?

7.2 Add up other blocks in the section

You can insert any blocks in the section block to display the information.

7.3 Customize Appearance

You can set the layout either full width or boxed. Additionally, you can insert background image or colours. If you choose to insert a background image, you will get more customization like making image fixed, image size, choose overlay colours, etc.

7.4 Manage Space and make it readable

Make your section readable and responsive in all devices through margin and padding option under the space option available on the block options.


8. Working with Icon Box Block

Information, when delivered with only words, will be hard to grab the user's attention but when delivered with graphics it makes easier. Hence, we can use Icon Box Block to display icon immediately to the features.

Icon Box is a useful block when you want to display the features graphically. You can look at beautiful demos to understand what you can create with this block.

8.1 What can you do with Icon Box Block?

8.2 Customizable Appearance

With the Icon Box block, you can do many things to customize the appearance

  1. with icon box section selected,
    a) You can align the layout, decide the number of the box in a row, decide the spacing between the box and toggle box-shadow.
    b) You can add an additional box by clicking add new icon box available at the bottom of the icon box section.

  1. With individual icon box selected,
    a) You can choose heading tag, decide whether to use an image or icon.
          i) When you use an image, you can determine the size, width, and border of the image.

          ii) When you use an icon, you can select the icon, determine the size and choose the layout to display it.

8.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. Here change the typography for title and description.

8.4 Tweaking Colors

Change the colours of Background, Title, and the description to the appropriate one. You can also set the colours for the icon.

8.5 Manage Space between title and description

Make your icon box readable and responsive in all devices through the spacing option available on the block options.


9. Working with Profile Card Block

Building trust online is very complicated and difficult at most times. If you don't get it right then the website may not foster the sales. So every component that delivers trustful experience must be displayed to the visitors. Among many, displaying team members is also counted as one of the approaches.

With Profile Card Block, you can display your enthusiastic team members in the about us page or homepage to share with your visitors.

9.1 What can you do with profile card block?

9.2 Customizing Appearance

You can choose the layout from the general settings available in the block options. Additionally, you can also choose either to show box border and shadow that adds the additional effects. To add new profile card click on “add new profile card” button available at the bottom of the Profile card section.

9.3 Setting up your desired typography

You can set your desired typography along with other settings. The option is under the typography section in the block options. You can modify font family, weight, and size depending upon the nature of the content i.e. Name, Designation, and Description.

9.4 Tweaking Colors

You can modify the colours of Name, Designation, Description, and social media icons. you can associate it with website colours to make it more visually appealing.

9.5 Manage Space

Make your Profile card readable and responsive in all devices through the spacing option available on the block options.