Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How to use the Star Rating block by Zoloblocks

This documentation provides comprehensive insights into the Star Rating Block developed by Zoloblocks.

Adding a block to the editor

  1. Click the Toggle Block Inserter icon and a sidebar will appear on the left side, All the blocks will be visible here.
  2. Search by the Star Rating block name.
  3. Then select the appear blocks ( with zoloblocks logo T.R corner).
  4. After Drag and Drop it on the page.

After Inserting the blocks, Follow this.

  1. Click on the Document Overviewer button and the Blocks list view will appear.
  2. Here appears the Star Rating block.
  3. After on the right side, Click on the Block. Then the Star Rating details appear.
  4. Here shows all the control tabs( BasicStyleExtra ) of a block.

Basic Tab

The Basic tab controller displayed here offers the flexibility to adjust the layout of blocks according to your preferences.

General Section

Go to Basic > General

This section provides control for the star rating,

  1. Show Star Title: Enable the switcher to show the star title.
  2. Alignment: Set the position for the content ( Left, Center, Right ).

Rating Section

Go to Basic > Rating

Customize the rating by following the control,

  1. Rating: Set the rating.

Title Section

Go to Basic > Title

This section provides control for the title,

  1. Text: Set the text for the Title.
  2. Select Tag: Set any HTML Tag for Title ( H1, H2, H3, H4, H5, H6, p, span ). The title tag is essential for both user experience and search engine optimization (SEO).
  3. Position: Set the position for the title ( Left, Right, Up, Down ).

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects visually appealing and cohesive with the overall design of the interface.


Go to Style > Star

This section provides controls to change the appearance of the star,

  1. Size: Set the size for the Star Icon.


  1. Active Stars: Set the color of the active stars.


  1. Inactive Stars: Set the color of the inactive stars.


Go to Style > Title

This section provides controls to change the appearance of the Title,

  1. Typography: Set the typography for the Title.
  2. Color: Set the color for the title.
  3. Title Gap: Set the gap between the title and the star.

Extra Tab Control

The extra tabs provide the controls of any blocks. You can make different visual layouts by following these Controls.
Click to learn more>>.

Video Assist

Video Tutorial for learning more.

Check the Demo Page.

Thanks for being with us!

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge