Jump to content

DECKDigitalSolutions

Circle Member
  • Posts

    17
  • Joined

  • Last visited

Posts posted by DECKDigitalSolutions

  1. Hello,

    I'm creating a website for a local cricket club who use 'PlayHQ' for their fixtures. 

    PlayHQ offer API's to install on websites which I've attached a video to.

    How can I install this on a squarespace website? Is there an extension I can install or is there a way to put it in an embed block?

    Thank you

     

  2. Hello,

    I've been trying for over a week and a bit now to connect a client's website to their domain which is on Crazy Domains. I originally tried entering the DNS through crazydomains itself, however after that wasn't working, their support said to use the cpanel dashboard via the email hosting. I've attatched screenshots of the cpanel dns, crazydomains dns (before removing the records), and squarespace dns, if anyone is able to let me know what records are interfering, or what i've done wrong, that would be great! 

    Thank you.

     

     

    CPanel DNS.png

    Crazy Domains DNS Before removing records.png

    Squarespace DNS.png

  3. Hello,

    I'm trying to achieve an effect when someone clicks on an image block it uses a transition to expand to full screen before it loads the next page which is the same colour.

    I've got everything sorted except i just need to find a way to bring the image block in front of the header so it expands over the entire screen. 

    I've attached a video showing what i've done so far.

    Thank you

  4. On 11/26/2023 at 10:59 AM, tuanphan said:

    Add this code to Website > Website Tools > Code Injection > Footer

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    // heading 1
      $('a[href="#heading1"]').hover(function(){
        $(".fe-block.fe-block-yui_3_17_2_1_1700709493189_14189").addClass("show");
        }, function(){
        $('.fe-block.fe-block-yui_3_17_2_1_1700709493189_14189').removeClass("show");
        }
      );
      // heading 2
      $('a[href="#heading2"]').hover(function(){
        $(".fe-block.fe-block-3fc400eb3741e80f8db4").addClass("show");
        }, function(){
        $('.fe-block.fe-block-3fc400eb3741e80f8db4').removeClass("show");
        }
      );
      // heading 3
      $('a[href="#heading3"]').hover(function(){
        $(".fe-block.fe-block-e87207aef5ec78ef9dd5").addClass("show");
        }, function(){
        $('.fe-block.fe-block-e87207aef5ec78ef9dd5').removeClass("show");
        }
      );
       // heading 4
      $('a[href="#heading4"]').hover(function(){
        $(".fe-block.fe-block-b928dc2f58ef1cbb9859").addClass("show");
        }, function(){
        $('.fe-block.fe-block-b928dc2f58ef1cbb9859').removeClass("show");
        }
      );
       // heading 5
      $('a[href="#heading5"]').hover(function(){
        $(".fe-block.fe-block-d3bec26402b72a413fd0").addClass("show");
        }, function(){
        $('.fe-block.fe-block-d3bec26402b72a413fd0').removeClass("show");
        }
      );
    });
    </script>
    <style>
    .fe-block.fe-block-d3bec26402b72a413fd0, .fe-block.fe-block-b928dc2f58ef1cbb9859, .fe-block.fe-block-e87207aef5ec78ef9dd5, .fe-block.fe-block-3fc400eb3741e80f8db4, .fe-block.fe-block-yui_3_17_2_1_1700709493189_14189 {
      opacity: 0;
      transition: all 0.5s ease;
      }
    .show {
      	opacity: 1 !important;
         transition: all 0.5s ease;
      }
    
    </style>

     

    Thank you so much! this worked perfectly.

  5. On 11/18/2023 at 2:07 PM, tuanphan said:

    Hi,

    We can use Text Blocks + Custom code to achieve this

    First, left side, you add a Text Block with 5 Text link: #heading1, #heading2,...#heading5

    Right side you add 5 Text Blocks

    Then share link to page, we can check & give you code

    (I solved some same cases)

    Hey Tuanphan,

    Sorry about the delay, I've just done that now, it's right down the bottom of the homepage.

    the site link is sunnysidephysio.squarespace.com

    password is 'sunny'

     

    Thank you

  6. Hello,

    I just implemented this code and it worked great, for some reason once I adjusted the mobile view, the hover is no longer working back on the desktop view.

    I added a stroke around the text you hover on, and also added a transiton. this was all working perfectly but after adjusting the layout on mobile view, the hover function does not work on desktop.

    Any help would be greatly appreciated,

    Thank you

     

    code is here:

    @media screen and (min-width: 768px)
    {
    
    /* Low Back */
    
    .fe-block-yui_3_17_2_1_1700095381282_3268:hover ~ .fe-block-b57fffccfe922c25e72b {
        opacity: 1 !important;
    }
    
    .fe-block-b57fffccfe922c25e72b{
        opacity: 0 !important;
      transition: opacity 0.5s ease-in-out !important;
    }
    
    #block-yui_3_17_2_1_1700095381282_3268:hover h4 {
    color: #ffffff !important;
      -webkit-text-stroke: 0.5px #7D5F50;
      transition: 0.3s !important;
    }
    
    /* Shoulder Pain */
    
    .fe-block-yui_3_17_2_1_1700096368272_2834:hover ~ .fe-block-yui_3_17_2_1_1700096368272_4622 {
        opacity: 1 !important;
    }
    
    .fe-block-yui_3_17_2_1_1700096368272_4622{
        opacity: 0 !important;
      transition: opacity 0.5s ease-in-out !important;
    }
    
    #block-yui_3_17_2_1_1700096368272_2834:hover h4 {
    color: #ffffff !important;
      -webkit-text-stroke: 0.5px #7D5F50;
      transition: 0.3s !important;
    }
    
    /* Neck Pain*/
    
    .fe-block-yui_3_17_2_1_1700096368272_8515:hover ~ .fe-block-yui_3_17_2_1_1700096368272_10092 {
        opacity: 1 !important;
    }
    
    .fe-block-yui_3_17_2_1_1700096368272_10092{
        opacity: 0 !important;
      transition: opacity 0.5s ease-in-out !important;
    }
    
    #block-yui_3_17_2_1_1700096368272_8515:hover h4 {
    color: #ffffff !important;
      -webkit-text-stroke: 0.5px #7D5F50;
      transition: 0.3s !important;
    }
    
    /* Pre and Post*/
    
    .fe-block-yui_3_17_2_1_1700096368272_12903:hover ~ .fe-block-yui_3_17_2_1_1700096368272_15182 {
        opacity: 1 !important;
    }
    
    .fe-block-yui_3_17_2_1_1700096368272_15182{
        opacity: 0 !important;
      transition: opacity 0.5s ease-in-out !important;
    }
    
    #block-yui_3_17_2_1_1700096368272_12903:hover h4 {
    color: #ffffff !important;
      -webkit-text-stroke: 0.5px #7D5F50;
      transition: 0.3s !important;
    }
    
    /* Running*/
    
    .fe-block-yui_3_17_2_1_1700097636397_2853:hover ~ .fe-block-yui_3_17_2_1_1700097636397_5162 {
        opacity: 1 !important;
    }
    
    .fe-block-yui_3_17_2_1_1700097636397_5162{
        opacity: 0 !important;
      transition: opacity 0.5s ease-in-out !important;
    }
    
    #block-yui_3_17_2_1_1700097636397_2853:hover h4 {
    color: #ffffff !important;
      -webkit-text-stroke: 0.5px #7D5F50;
      transition: 0.3s !important;
    
    }
    }

     

  7. Hello,

    I'm wanting to create a list of headings on the left hand side of the page, and when each one is clicked, the body text will reveal on the right hand side. I'm thinking of possibly using an accordion but not sure the best way to go about it. Or if its even possible. It will be used for a services page.

    I've attached a mockup example.

    Thank you

    Accordion Mockup.jpg

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