Jump to content

rishisamuelpatel

Circle Member
  • Posts

    29
  • Joined

  • Last visited

Posts posted by rishisamuelpatel

  1. Site URL: http://musicwithmichal.squarespace.com/cats-and-dogs

    I am trying to hide the audio bar section and then using jQuery make it appear and play when you click "Play Song".
     
    This is my code:
     
    <script>
    $("div.play").click(function(){
      $("section[data-section-id="627ad5fa2e230d27b113ece9"]").css('display','block');
    });

    </script>

     

    I would also like it to start playing the song when that div.play is clicked.

     

    Can someone please help?

  2. Site URL: http://oddfellows.squarespace.com/home-test

    Can you please help me on how to float the images in this section on this page?

    http://oddfellows.squarespace.com/home-test

    Password is "asas"

    I need this section to look like the attached image

    My current code is 
     

    /* Align right image */
    div#block-yui_3_17_2_1_1625104080252_8336 {
        margin-left: auto;
    }

    /* align images bottom */
    @media screen and (min-width:768px) {
    div#page-section-60dcfd0664b9557fcb94ca82 .span-12>.row {
        display: flex;
        align-items: flex-end;
    }
    }
     

    image.png.039110b038178bad032922ced75ee152.png

  3. Site URL: http://oddfellows.squarespace.com/home-test

    Hi Circle Members,

    I'm working on a site at the moment and have used tables in code injection to build the menu section but all the prices need to align on the right hand side like in the attached image. 

    Could anyone please take a look and let me know how I can do that?

    The url is http://oddfellows.squarespace.com/home-test

    And the password is "asas"

    1254754019_ScreenShot2021-07-16at3_39_39PM.thumb.png.7de82de3f2aea839499549d7ea01b187.png

  4. On 8/14/2020 at 12:01 AM, MidnightClub said:

    alright!

    so on your homepage, i saw the blocks with horizontal clip anim. Speed is at 800ms, which I guess is default.

    So if you add that to your css it should do the trick:

    
    .image-block-outer-wrapper.combination-animation-horizontal-clip .image-block-wrapper{
    transition: -webkit-clip-path 3600ms cubic-bezier(.4,0,.2,1),clip-path 3600ms cubic-bezier(.4,0,.2,1);
    }
    
    .image-block-outer-wrapper.combination-animation-vertical-clip .image-block-wrapper{
    transition: -webkit-clip-path 3600ms cubic-bezier(.4,0,.2,1),clip-path 3600ms cubic-bezier(.4,0,.2,1);
    }

    I set it to 3600ms so that the difference is obvious, for both horizontal and vertical clip animation. So you just have to change that value to change the speed.

    Let me know if it work.

    Cheers,
    Fab

    Hey Fab,

     

    This looked great, is it possible to make it work on a scroll? So it vertically clips when the page is scrolled down and reversed when scroll up!

×
×
  • 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.