mirror the progress bar buttons

  • Resolved armanbm

    (@armanbm)


    5 years, 1 month ago

    Hello, I want to swap the “next” and “previous” buttons position. how can I achieve this?

    (note: by swap, I mean changing positions to each other, I want the Next button to be in the Previous button position and visa-versa)
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • expresstechsupport

    (@expresstechsupport)

    5 years, 1 month ago

    Hi @armanbm,

    Thanks for reaching out to us.

    For this, you just need to exchange “Next” and “Previous” buttons text. To do this, go to TEXT tab -> Customize labels. And put “Next” as Previous button text and put “Previous” as Next button text.

    I hope this resolves your requirement.

    Kind regards,
    Kriti

    Thread Starter armanbm

    (@armanbm)

    5 years, 1 month ago

    Hi, @expresstechsupport Thanks for your reply.
    But this won’t do the job.
    because I want the actions to be swapped too, not just the TEXT’s

    More Explanation:
    by only swapping the texts, when user clicks “next” it will go to the previous page and visa-vera. which is not an ideal user experience.
    I want to swap Btn’s positions, not just text.

    Thanks

    Thread Starter armanbm

    (@armanbm)

    5 years, 1 month ago

    I just figure it out my self,
    In case if anyone else needs this, especially useful for RTL languages:

    You just need to paste the following code in Custom CSS ( I Use Elementor Custom CSS) in the quizz page:

    .qsm-pagination.qmn_pagination.border.margin-bottom {
    flex-direction: row-reverse  !important;
}
    expresstechsupport

    (@expresstechsupport)

    5 years, 1 month ago

    Thanks @armanbm for sharing the code.

    Regards,
    Kriti

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘mirror the progress bar buttons’ is closed to new replies.