Jump to content

LindsEli

Member
  • Posts

    72
  • Joined

  • Last visited

Everything posted by LindsEli

  1. interesting! Let me see if I can find it, thank you!!
  2. Is there a way to remove the extra white space? or have the image always be set to a certain height on any browser to hide the white space? https://spinach-garlic-mbfs.squarespace.com/holidays/new-years 1234 is the password
  3. interesting thank you!
  4. https://spinach-garlic-mbfs.squarespace.com/faqs-intellectual-property-law , password is 1234 Hi! I am having trouble getting the section to be sticky, I just am able to get the green K image to respond, how can I get the whole grey section to be sticky this is the current code @media screen and (min-width: 768px) { body:not(.sqs-edit-mode-active) .fe-block-yui_3_17_2_1_1710317804495_40396 { position: sticky; top: 100px; } }
  5. thanks! that worked 🙂 I also added a bit more at the beginning which worked as well .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox { flex-direction: row; }
  6. actually it is not showing on the live site (in editor mode yes ) I tried clearing my cache ?🤔
  7. https://spinach-garlic-mbfs.squarespace.com/book-a-strategy-session password is 1234 Hi! I want the grey squares to slide in, I have them working, but is there a way to have them slide in on view, right now it happens instantly so it is easy to miss the animation thanks! current code: div#block-yui_3_17_2_1_1709914208494_4043 { animation: 3s slide-right; } @keyframes slide-right { from { margin-left: -100%; } to { margin-left: 0%; } } div#block-yui_3_17_2_1_1709914208494_4043 { animation: 3s slide-right; } @keyframes slide-right { from { margin-left: -100%; } to { margin-left: 0%; } }
  8. Hi! I want the answer fields for the checkboxes to be stacked side by side? I have tried a few codes but cannot get them to respond - thanks! https://familybredpuppies.squarespace.com/puppy-application
  9. Never mind I figured it out! See screenshot, I am trying to reduce the padding / spacing between sections thanks!
  10. Hi still trying to figure out! Right now the banner image just fades in but I want each photo to fade in THEN fade out, example, [1] Fade in, then fade out after 3 seconds, [2] fade in and then fade out after 3 seconds, etc the current code I am using is https://okra-vanilla-n2tn.squarespace.com/ the password is 123 /// Speech bubble fade in HOME PAGE #block-yui_3_17_2_1_1698099613340_5182 { animation: fade-me-in .5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #block-8222289d31284ba440d5 { animation: fade-me-in 1.0s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #block-7b78518b2a6909733fe1 { animation: fade-me-in 1.5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #block-80d9bee9e28b6781a90a { animation: fade-me-in 2.0s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } thank you!
  11. thank you so much! I was able to modify for exactly what I needed!
  12. https://okra-vanilla-n2tn.squarespace.com/tools-2 the password is 123 in the blue section can I change the newsletter button to white? also is there a way to just have the button and when you click singup the newsletter / email box pops up
  13. Not yet! Right now they just fade in but what I want is that the conversation bubbles is there a way to have number [1] Fade in, then fade out after 3 seconds, [2] fade in and then fade out after 3 seconds, etc - does that make sense?
  14. https://okra-vanilla-n2tn.squarespace.com/ the password is 123 Right now the hero images fade in, is there a way to have number [1] Fade in, then fade out after 3 seconds, [2] fade in and then fade out after 3 seconds, etc the current code I am using is /// Speech bubble fade in HOME PAGE #block-yui_3_17_2_1_1698099613340_5182 { animation: fade-me-in .5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #block-8222289d31284ba440d5 { animation: fade-me-in 1.0s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #block-7b78518b2a6909733fe1 { animation: fade-me-in 1.5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #block-80d9bee9e28b6781a90a { animation: fade-me-in 2.0s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } thank you!
  15. yes! for example if I use section[data-section-id="651dd91809e3e049b6b4d827"] { .gallery-reel { height:70vw !important; } } it looks like ( see photo) basically I want the logos to not be so wide, if the height cannot change that is fine!
  16. I've tried playing with this code already but it just does this 😅
  17. https://san-diego-tours-and-rentals.squarespace.com/corporate-tours-and-private-group-tours I need to make the images in the gallery section smaller, just on mobile as two of the logos are getting cut off, any thoughts on code?
  18. https://gerbil-wolf-j99l.squarespace.com/members, if there is a password it would be 123 .sqs-gallery-design-autogrid .summary-item:hover { background-color: #BDDC02 !important; box-shadow: 1px 1px 8px 2px rgba(0,0,0,.2) !important; opacity: 1; transition: ease-in-out .3s; } this is the code I have for the color change on hover is there a way to add padding so that the text is not touching the edges? Also is there a way to trigger a change in text color to dark blue HEX #1a3868 when the green background is showing? thanks!
  19. it worked thank you!!! Is there a way to have it pop open in a new tab? to no re direct from the website? thanks!
  20. After signing up to the promotional popup is there a way to add in a code to redirect to the URL: https://static1.squarespace.com/static/64a4c41c9cac743093d25c7a/t/6501eb83983b24245be307b0/1694624647630/Untitled+design.pdf , site url https://gerbil-wolf-j99l.squarespace.com the password is 123 thanks!
×
×
  • 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.