Customize The Display Style

The Display Style section provides you the options to set line-height, font size, padding, background color, active step background color, text color, and active text color.

To edit the display style of the checkout steps:

1.  Navigate to WooCommerce > Multistep Checkout > Display Settings> Display Style.
2. Choose the background and text color for the checkout steps from the corresponding color palette of the Display style section. You can also enter the color code manually in the specific text boxes.
   
   
   
   
3. Enter the font size, line height, and padding size as per your preference. Also, choose the text transform, font weight from the Step text transform, and Step font weight dropdown respectively.
4. Once the edit is completed, click on Save changes.