Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Cloud Version 5.4.12
Own server or LimeSurvey hosting: Own server
Survey theme/template: Fruity
==================
Hello,

I was wondering if it was possible to change 1) the text of the soft warning buttons 2) The order of the buttons (ie. staying on the page to answer the questions as the left button and moving on to the next page as the right button) and 3) The colour of the text of the buttons to be each different colours?

I was able to figure out how to change the text of the left button but not the right using this script in my question source. Just not sure how to differentiate the left and right buttons.

<script type="text/javascript">
$(document).on('ready pjax:scriptcomplete',function(){
    $('#mandatory-soft-alert-box-modal').text('XX');
});
</script><script type="text/javascript">
$(document).on('ready pjax:scriptcomplete',function(){
    $('#.modal-footer .btn+.btn').text('YY);
});
</script>

Thank you!

1) & 2) Place this script in the source of a question:


3) After inserting that script, place something like this CSS in the source of a question:


 

Sample survey attached: 

Hello,

Thank you so much for this, it worked! However, I am unable to change the colour of the buttons using your code in the question source or in the css. When I imported the survey you linked interestingly enough the colours didn't appear. I also tried testing it out by using the web developer and it crosses it out. 

Thank you again



 
 

I tested with the vanilla theme.

You will need to use the browser developer tools to find which style rules are taking precedence and increase the specificity of the rules in the question source to override those.