ThemeHigh
  • Plugins
  • Bundles New
    Documentation
    WooCommerce Essential Bundle
    Feature request
    WooCommerce Checkout page Bundle
    Translation project
    WooCommerce Product page Bundle
    Build your own Bundle
    Build Your Own Bundle (BYOB)
    New
    WooCommerce Essential Bundle
    WooCommerce Checkout page Bundle
    WooCommerce Product page Bundle
    Build Your Own Bundle (BYOB)

    Best Value

    An essential WooCommerce plugins bundle to boost your performance and sales.

    • Checkout field editor for WooCommerce - $49
    • Extra product option for WooCommerce - $39
    • Email customizer for WooCommerce - $39
    • Multistep checkout for WooCommerce - $39
    • Multiple Shipping address for WooCommerce - $39
    • Variation swatches for WooCommerce - $39
    $244$122 Only
    Know more

    Best Value

    An checkout WooCommerce plugins bundle to boost your performance and sales.

    • Checkout Field Editor for WooCommerce - $49
    • Multistep Checkout for WooCommerce - $39
    • Multiple Shipping Address for WooCommerce - $39
    $127$109 Only
    Know more

    Best Value

    An product WooCommerce plugins bundle to boost your performance and sales.

    • Extra Product Option for WooCommerce - $39
    • Variation Swatches for WooCommerce - $39
    • Email Customizer for WooCommerce - $39
    • Schedule Delivery for WooCommerce - $49
    $166$119 Only
    Know more

    HOT SALE

    Your Money, Your Choice - The Savings Are On Us!

    BYOB Offer

    Get the flexibility to create your perfect plugin bundle! Pick the plugins you need and enjoy an exclusive discount —only pay for what you use!

    $100 - $149: 25% Discount

    $150 - $199: 30% Discount

    $200 - $249: 40% Discount

    Above $250: 50% Discount

    *Min 2 quantity is required to claim this offer.

    Know more
  • Documentation
  • Support
  • Partners
  • Login
  • Getting Started
    • Overview...
  • Checkout Steps
    • How to display a Custom Section ...
    • Delete Newly Added Checkout Step...
    • Rearrange Checkout Steps...
    • How to Add a New Checkout Step?...
    • Default Checkout Steps...
  • Display Settings
    • Multistep Layout...
    • Display Progress Bar...
    • Step Index Style...
    • Additional Settings...
  • Advanced Settings
    • Other Step Settings...
    • Review Step Details...
    • Backup & Import Settings...
  • Button Settings
    • Next and previous button setting...
    • Place order Button Settings...
    • Back to cart Button Settings...
  • FAQ
    • Having trouble with the Latest V...
    • Frequently Asked Questions...
  • Compatible Plugin & Themes
    • Plugins & Themes...

Documentation/Multi-step Checkout For WooCommerce/Step Index Style

Step Index Style

Last updated on December 31, 2022

The Step index style section provides more editing options for index display settings.

To configure the index style properties:

  1. Navigate to WooCommerce > Multistep Checkout > Display Settings > Step Index Style.
  2. Enable the Activate checkmark symbol for completed step option to display the checkmark for completed steps.
  3. After the option is enabled, choose the preferred border color, background color, and tick color for the checkmark from the corresponding color pickers.
  4. From the same page itself, you can configure the step index style like index height, roundness, text color, border color, and much more.

step_index_style

Note: The checkmark for completed steps only works if the ‘Activate step-click navigation’ option in Additional Settings is disabled.

Refer to the below table to configure the same.

Step Index Style

Step index width/height

Enter the required height for the step index.

Note: Height/width of the index is applicable only if the value is less than the line height.

Step index roundness

Enter the required size for the icon roundness. The entered value should be in px or %.

Space between border and index

Provide the required space between the border and index.

Index font color

Select the index font color from the corresponding color picker.

Index font color – Active

Select the index font color for the active step.

Index border color

Select an apt color for the index border.

Index border color – Active

Select an apt border color for the index of the active step.

Index background color

Select a background color for the index.

Index background color – Active

Select a background color for the index of the active step.

This article posted in Display Settings, Multi-step Checkout For WooCommerce, Pro Documentation

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ThemeHigh

We develop innovative WordPress plugins and themes for e-commerce and other WordPress websites.

Resources
  • Documentation
  • Support
  • Blog
  • Bestsellers
  • Affiliates
  • Partners
Policy Information
  • Terms & Conditions
  • Privacy Policy
  • Support Policy
  • Refunds Policy
  • Licenses
Security
Payment Options

© 2025 ThemeHigh. All rights reserved.

Terms and conditions, features, support, pricing, and service options subject to change without notice.