Change the style of Check Out Steps and checkout progress

Comments

• digitalmonksystem

  June 21

  bas icpatternblock .com

  
  

  remove the spaces
• Phil

  June 23

  Hi,

  1) To change the price color in the side cart, use the following CSS code:

  .mfn-cart-holder .mfn-ch-product .woocommerce-Price-amount bdi{
   color: #213705;
  }
  .mfn-cart-holder .mfn-ch-product .price .woocommerce-Price-amount bdi{
   font-size: 20px;
   line-height: 1.5em;
  }
  .mfn-cart-holder .mfn-ch-product .woocommerce-Price-amount bdi{
   font-size: 25px;
   line-height: 1.5em;
  }
  

  Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  Button takes its styles from Betheme -> Theme options -> Global -> Buttons: Shop.

  

  2) For the steps, use this CSS:

  .mfn-checkout-steps li{
   font-size: 30px;
   line-height: 1.5em;
  }
  .mfn-checkout-steps li .mfn-step-number{
   font-size: 16px;
  }
  .mfn-checkout-steps li.active .mfn-step-number{
   background-color: #052137;
  }
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next