nicki-patsios

@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

@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... 🙏

@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.

@tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/

@tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/

@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 😂)

@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

@tuanphan had to change the password, it's jeffreylaimd now

@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

@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.

@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)

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

@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; }

@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; } }

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

@Ziggy 🥲 nope still there...

@Ziggy Hmmmm ok I tried to replicate this on another page but it's not working. Did I select the wrong code again? Web page: https://cymbals-tan-fkf5.squarespace.com/malechest PW: halpme Used but its not disappearing: @media only screen and (max-width:767px) { #block-c4f07081e4e9ccd85c39 { display: none; } }

@tuanphan ahhh you rock! Last thing, looks like the logo is on the menu when I click the hamburger. How can I make this disappear on mobile menu only (stays visible on homepage)?

@tuanphan Hmmmm so there is no way to keep the hamburger menu and just change to make it like this?

@tuanphan so I looked through the forum and saw you helped others make their galleries single column. I tried to copy the code from those but it didn't work. I really want to do that here also OR change the order of image 3 and 4 so it looks like this instead. Let me know which is easier to accomplish!website: https://cymbals-tan-fkf5.squarespace.com/botox-fillersPW: halpme

@Ziggy Thank you for the insight! Now how do I get this to disappear so it creates a looks a look of just that headline without an empty space under it?

@tuanphan I'm trying to remove this paragraph on mobile only so it condenses for an easier read on this page. I tried looking through the forum to create CSS to display: none but seem to be typing in the wrong sections because it doesn't hide anything. What am I doing wrong? Probably selecting the wrong thing... /* hide text on mobile page */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1692044036679_453 { display: none; } } website: https://cymbals-tan-fkf5.squarespace.com/ (liposuction page)PW: halpme

@tuanphan I'd love the solution for this too without the plugin please. We need to stay on personal plan so cannot use the plugin since it requires business plan or higher. website: https://cymbals-tan-fkf5.squarespace.com/PW: halpme

Ahhh you rock! Thank you!

@Lesum thanks! It only worked for this part though 😭 Everything else in the footer is still left aligned...