DECKDigitalSolutions

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

Did you ever find out a way?

Cheers

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.

On 1/16/2024 at 3:50 PM, tuanphan said:

What is page url?

https://shackflowers.com/homevd

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

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.

On 11/24/2023 at 1:36 PM, tuanphan said:

I see this only

You mean hover on #heading1 will show body1 text

hover #heading2 >> show body 2

..?

Hey, this is from the other forum request I made, I was trying to do the same thing across both and you answered that for me. 

Thanks so much!

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

Hello,

site url: https://sunnysidephysio.squarespace.com/

password: sunny

The section is towards the bottom of the homepage.

Thank you

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;

}
}

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