Support Center Visit Demo License manager Buy @ envato

mfn-checkout-steps direction on an RTL website

odeliacodeliac
in Theme support

Hello,

The mfn-checkout-steps is LTR, not RTL - the arrows are in the wrong place, please see the attached screenshot.


Adding {direction: rtl !important;} to custome css didn't help.

Any advice? Thanks

Comments

  • PhilPhil

    Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • odeliacodeliac
    edited July 2022


  • PhilPhil

    Please, put the following CSS in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    .mfn-checkout-steps li:not(:last-child){
   padding-right: 0px!important;
 margin-right: 0px!important;
   padding-left: 40px!important;
   margin-left: 40px!important;
}
.mfn-checkout-steps li:not(:last-child)::after {
 content: '\e8b9'!important;
 right: unset!important;
 left: -10px;
}

    Thanks

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

    Thank you!

Sign In or Register to comment.