Okay
  Public Ticket #3381827
Magic Cursor over video
Closed

Comments

  •  1
    Michelangelo started the conversation

    the visibility of the play option of the magic cursor is very poor in our site. It is possible to make the fa-play icon a little big bigger and maybe to give a "translucent" background to the cursor over the video? #ball.over-movie

    so that is easy to understand that on click the video will start

  •  1,810
    Support replied

    Hello Michelangelo,

    the styles associated with the movie cursor are:

    #ball.over-movie {
         border: 2px solid #999999;
         border-color:#999999;
    }

    #ball.over-movie i
         color:#fff;
    }

    on the other hand, the dynamic hs effect can be located in /core/js/common.js lines 2669-2670

    https://prnt.sc/N-1ZuQC1-1gc

    where the play icon is setup

    Using these information I'm thinking you can use the styles you want and customize it as you wish

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1
    Michelangelo replied

    that was a bid help, thank you!

    I wonder if is possible to increase the size of the FA Play-icon

  •  1,810
    Support replied

    Hello,

    I think you can use

    #ball.over-movie i
         color:#fff;

         font-size: your font size in pixels here;
    }


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1
    Michelangelo replied

    nothing change if I add information like the color of the size in the css file, I've tried before and again right now. I was able to change the color parameter in the js but if I had information in the #ball.over-movie (style.css line 1284) nothing happens (cache deleted - private window)

  •  1,810
    Support replied

    Hi, so here is the thing

    I sent you the wrong css syntax missing open bracket

    #ball.over-movie i {

         font-size: 40px; 

    }

    in customizer -> additional CSS

    to modify just the size of the play icon. Adjust the size in pixels if necessary 40px is just an example

    to modify the scale of the whole cursor you need to modify /core/js/common.js line 2669

    https://prnt.sc/LEnkrfqiEUEh

    you can see there the attributes being changed: border width, scale and color

    Hard refresh the page (Ctrl+F5)

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1
    Michelangelo replied

    worked perfectly, thank you!!!