Jump to content

DECKDigitalSolutions

Circle Member
  • Posts

    14
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

DECKDigitalSolutions's Achievements

  1. 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 Screen Recording 2024-01-15 at 12.42.08 pm.mov
  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!
  3. 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
  4. Hello, site url: https://sunnysidephysio.squarespace.com/ password: sunny The section is towards the bottom of the homepage. Thank you
  5. 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; } }
  6. 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
×
×
  • 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.