Jump to content

nicki-patsios

Member
  • Posts

    35
  • Joined

  • Last visited

Recent Profile Visitors

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

nicki-patsios's Achievements

  1. @tuanphan the images are on these pages: https://www.jeffreylaimd.com/men-bioidentical-hormone-rep-therapy https://www.jeffreylaimd.com/women-bioidentical-hormone-rep-therapy https://www.jeffreylaimd.com/pediatric-sports-medicine https://www.jeffreylaimd.com/preventive-aging-consultation https://www.jeffreylaimd.com/musculoskeletal-ultrasound https://www.jeffreylaimd.com/sports-concussion https://www.jeffreylaimd.com/prp-injections
  2. @Ziggy @tuanphan I added this code to the website (https://www.jeffreylaimd.com/) and they love the effect on everything but these images I attached screenshots of - these are under every page that fall under conditions and treatments. What is going to be the easiest way to code this? I used your code from above which applied the effect everywhere like you said. .sqs-block-image img { opacity:0.6 transition:ease-in-out 300ms; &:hover { opacity:0.9; } } Could we add code for these specific images to not opacity image hover? Otherwise I would have to list out EVERY image on the website except the ones I grabbed screenshots of. Please advise? Also is there an easier way to get the div/block id so I am coding the right thing? Feels like I am always pasting the wrong thing and takes forever to get code to work... 🙏
  3. @tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/ I just created another page for the Request Appointment. I don't have any extra code.
  4. @tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/
  5. @tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/
  6. @tuanphan what is poster image block? Do you mind providing me the code to do what I am envisioning? I need the links to change to orange over hover and the overlay effect on these images only (instead of every image on the website 😂)
  7. @tuanphan @Ziggy I have this section on most of my pages (appears 12 times) that will link to other various pages on the website. The look I am trying to go for an overlay that appears on hover and to remove the underline from the links in this section only where the 8 image blocks are. It would be great if instead the links had a different color when hover (so create the look of a whole block overlay). The orange is #E88B2C which might be good for the link hover. I found some CSS in another thread that works for my website but the result is EVERY image now has an overlay on hover. 😂 Can you help me edit the CSS so I can create what I want it to be? website is https://cat-trout-7kzz.squarespace.com/ PW : jeffreylaimd
  8. @tuanphan had to change the password, it's jeffreylaimd now
  9. @tuanphan So the homepage has a white version of the logo so it's visible on the dark background, but the rest of the website won't have a dark background. Can you help me add CSS that only shows the white logo on the homepage and I can have the rest of the website with the darker logo. I placed the other logo on the homepage so you can easily see and grab for the coding. Website url: https://cat-trout-7kzz.squarespace.com/home password: password
  10. @tuanphan Changed settings, password is password 🙏 I created this page that is the contact form based off what is wanted: https://cat-trout-7kzz.squarespace.com/request-appointment Maybe there is a way to make this page appear as a pop up? I would also like to hide the (required) text that appears with the checkboxes shown to again mimic the form we are copying from.
  11. @tuanphan I could use your help with this website. The idea here is that the button in the navigation that says request appointment, upon clicking they want a pop up form for the person to fill out. Then they want me to literally create this same form for them to submit their contact info that will go to an email address (similar to a newsletter block but more complex). What will be the best way to accomplish this? Website: https://cat-trout-7kzz.squarespace.com/home (no password)
  12. I want this slideshow to auto scroll through this slideshow (there is no animation option for some reason...). Not too fast and not too slow please, like a light carousel going through all the photos. Is there code I can add to do this @tuanphan? website: https://bullfrog-hen-bxrx.squarespace.com/ pw: wftccs
  13. @Ziggy here the chaos 😆 .sqs-block-accordion .accordion-item__title { line-height: 1.8em !important; } /* Homepage header transparent */ body.homepage header#header { background-color: transparent !important; } /* Mobile - Homepage - Top video */ @media screen and (max-width:767px) { [data-section-id="64d535c47131067e93d2956b"] .html-block { visibility: hidden !important; } } @media only screen and (max-width: 767px) { footer p { text-align: center !important; } #block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list { text-align: center !important; } } @media only screen and (max-width:767px) { #block-7f6f84971868ce4169d2 { display: none; } } /* Mobile - Homepage - Top video */ @media screen and (max-width:767px) { [data-section-id="64d535c47131067e93d2956b"] .html-block { visibility: hidden !important; } [data-section-id="64d535c47131067e93d2956b"] video { position: absolute !important; object-position: 80% !important; } @media only screen and (max-width:767px) { #block-c4f07081e4e9ccd85c39 { display: none; } } } /* Mobile gallery image order */ @media screen and (max-width:767px) { [data-section-id="64dbe3100225b33a0e282cc2"] { figure.gallery-grid-item:nth-child(3) { position: relative; left: 100%; } figure.gallery-grid-item:nth-child(4) { position: relative; right: 100%; } } } /* Hide logo when burger menu is open - all pages */ body.header--menu-open header#header img { visibility: hidden; }
  14. @tuanphan @Ziggy I swear I'm not trying to be a problem child. 🫠 Website: https://www.drjohnhsu.com/malechest I used this code and nothing is happening. Here is a screenshot of me inspecting and everything. What am I doing wrong? It shows <div class="fe-block fe-block-c4f07081e4e9ccd85c39"> @media only screen and (max-width:767px) { #block-c4f07081e4e9ccd85c39 { display: none; } }
  15. It didn't work when I tried to apply to other pages @tuanphan @Ziggy. Need to do the same thing to these pages: https://www.drjohnhsu.com/malechest https://www.drjohnhsu.com/breast https://www.drjohnhsu.com/minitummy-tuck https://www.drjohnhsu.com/tummytuck-otherbody https://www.drjohnhsu.com/fat-transfer
×
×
  • 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.