Skip to main content
jann52725068
jann52725068
Inspiring
March 3, 2020
Question

Move Play Icon in HTML

  • March 3, 2020
  • 1 reply
  • 1557 views

I dislike the limitations to make a nice start page in HTML. It has been helpful that the support group has helped in making changes to the Play Icon and to get rid of the dimming, but is there a way to move the Play Icon? As it is now, it is in the middle of the page, not very nice on top of many illustrations. I would prefer it in the lower right corner. Does anybody know how to move it?

Thanks.

Jan

This topic has been closed for replies.

1 reply

Stagprime2687219
Stagprime2687219
Legend
March 3, 2020

You could do this by adding a few lines of code to the index.html file. Feel free to play with the pixel values to position it however you desire based on the size of your project. Below is an example.

This would need to be inserted at line 96 just after the  cp.init();  on line 95 making your line 99 become   initialized = true;

Change nothing that is already there - simply insert these lines only.

    $(document).ready(function() {
        $("#playImage").animate({left: "+=450px", top: "+=250px"});
    });

 

 

jann52725068
jann52725068Author
Inspiring
March 4, 2020

Thanks. That was great, it worked perfectly and will make my start pages much better.

Jan

jann52725068
jann52725068Author
Inspiring
March 7, 2020

Hi again

An unexpected problem was that when I added the code mentioned and started the program, the background picture has disappeared.

It     works find with the illustration when the program is started as it is generated, with the icon in the middle, but when I add the code, I see theicon in the middle moving down to the right bottom and no picture.

It's a pity, since I was very happt with the code, moving the icon to a more suitable place. Hope uou can help.

Kind regards

Han

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices