Block Editor Setting

Progress-bar Setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages> Add New Page
  3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
  4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
  5. Progress-bar Setting:
    • Choose progress layout
    • Add the counter value you want to show
    • Choose the style layout
    • You can change the style like background-color, color, size and margin padding and many more
  6. Click Update & Preview

Icon Setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages> Add New Page
  3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
  4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
  5. Icon Setting:
    • Choose the icon you want there is two icon type i.e Dashicon and Material icon
    • Click on the icon to select
    • You can change the style like background-color, color, size and margin padding and many more
  6. Click Update & Preview

Counter Setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages> Add New Page
  3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
  4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
  5. Counter Setting:
    • Enable the counter first
    • Add the counter start value and end value and prefix
    • You can change the style like background-color, color, size and margin padding and many more
  6. Click Update & Preview

Minus Margin Setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages> Add New Page
  3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
  4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
  5. Minus Margin Setting:
    • Select the group or anything that you want to have margin of minus
    • Then add margin minus value
    • Give position-relative and z-index value from setting so that it would incline on top parent element.
    • You can change the style like background-color, color, size and margin padding and many more.
  6. Click Update & Preview

Minus Padding Setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages> Add New Page
  3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
  4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
  5. Minus Padding Setting:
    • Select the group or anything that you want to have padding of minus
    • Then add padding minus value
    • Give position-relative and z-index value from setting so that it would incline on top parent element.
    • You can change the style like background-color, color, size and margin padding and many more.
  6. Click Update & Preview

Powered by BetterDocs