Jump to content

eva2

Circle Member
  • Posts

    31
  • Joined

  • Last visited

Posts posted by eva2

  1. Hello, I am trying to make a square video appear square. I've found online that I should use this code after uploading my video directly in Squarespace to target specific videos.

    Quote

    #block-ID
    .video-block .video-player{
    padding-bottom:120%
    }

    However, I do not have a block ID number but a block-yui.

    So far, this is not working, could anyone please help?

    Quote

    #block-yui_3_17_2_1_1702637553652_35735
    .video-block .video-player{
    padding-bottom:120%
    }

     

  2. Hello, I used a cool mouse effect on my website, however, since last week, the mouse is not visible anymore, I wonder if someone can help me figure out what is happening:

    This is the CSS:

    @media ( hover: none ) {
    
      .cursor {
      
        display: none !important;
        
        }
      }
    
    * {
    
      cursor: none;
      
      }
    
    .cursor {
    
      --size: 10px;
      
      height: var( --size );
      width: var( --size );
      
      border-radius: 50%;
      pointer-events: none;
      position: absolute;
      transform: translate( -50%, -50% );
      z-index: 99999999999;
      
      }
    
    .cursor.cursor-dot {
    
      background: #ffffff; /* This defines the color of the cursor */
      mix-blend-mode: difference; /* This line is for the circle to invert Delete this line if you dont want the circle to invert */
      transition: width 0.8s, height 0.7s, background-color 0.9s;
      transition-timing-function: ease-out;
      
      }
    
    .cursor-dot.active {
    
      --size: 60px;
      
      background-color: #ffffff;
      
      }
    
    a:hover {
     cursor: none;
    }

    This is Code Injection in "Header":

    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

     

    And "Footer":

     

    <script>

      $( ( ) => {
      
        $( 'body' ).prepend ( '<div class="cursor cursor-dot" style="left: 0px; top: 0px;">' );
      
        $( window ).mousemove ( function ( e ) {
        
          $( '.cursor' ).css ( {
          
            left: e.pageX,
            top: e.pageY
            
            } );
            
          } );
          
        $( window ).mousemove ( function ( e ) {
        
          $( 'a' ).on ( 'mouseenter', function ( ) {
            
            $( '.cursor' ).addClass ( 'active' );
            
            } );
            
          } );
          
        $( window ).mousemove ( function ( e ) {
        
          $( 'a' ).on ( 'mouseleave', function ( ) {
          
            $( '.cursor' ).removeClass ( 'active' );
            
            } );
            
          } );
          
        } );
        
      </script>

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.