How do I have a floating price total fixed to the top right corner of the screen?

Hi, I've followed your instructions from a previous thread (https://www.jotform.com/answers/515339)

So I have created a Form Calculation Field and got it fixed at the bottom right of the screen, but I have 2 problems:

1) I want it to be fixed at the top right of the screen

2) I want it to be a lot smaller

Please advise thanks

Is this the form you are working on https://www.jotform.com/62865356406361?

To fix Form Calculation field to the top of the screen change bottom to top inside of CSS code that you have added to your form. Your CSS code should look like this:

#input_91 {

    position : fixed;

    right : 10px;

    top : 20px;

}

To make it smaller add this CSS code:

#input_91 {

    width: 30px!important;

}

How to Inject Custom CSS Codes

Here is my demo form: https://form.jotform.com/63271153730954 

Feel free to clone it.

Hope this will help. Let us know if you need further assistance. 

Thank you very much for your answer.  

I can live with that, but I have two further questions if I may?

1) I can't seem to find the code for the floating total when I go into Designer on your clone form?

2) I is possible to have an image float there?  Something like this is what I have in mind, but because the text would have to update then it would have to be a picture immediately next to a text box both the same colour?

Here is the code inside of Form Designer CSS.

Will something like this work?

Here is my new demo form: https://form.jotform.com/63277778672978? 

To achieve this I have cropped shopping cart from image that you provided and I have added image field to my form. Then I have positioned that image to be in-front of total box and I have changed background color of Total field and I have changed color of text.

Feel free to clone my form.

Hope this will help. Let us know if you need further assistance.