Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by JayVanDyke

  1. @rangeee just looked. Basic installation is super simple. Add a code block and drop their code in there. CSS tweaks are obviously going to be different depending on your situation. There's also lots of back end settings to sort of customize the content you see.
  2. @rangeee javascript widget. It also renders everything in raw html so you can make things look the way you want with some CSS. https://www.ponyexpresstalent.com/live-jobs
  3. Yes it can be done with a plugin. The Squarespace accordion won't do this without some JS but there's a few plugins that make accordions out of anything. This one is pretty simple to implement and the support there is great! affiliate link - https://transactions.sendowl.com/stores/9484/193949
  4. change this .header--menu-open .header-menu { opacity: 1; visibility: visible; width: 50%; margin-left: 50%; box-shadow: 5px 5px 15px #000; } to this .header--menu-open .header-menu { opacity: 1; visibility: visible; width: 50%; margin-right: 50%; //this needs to be right for it to sit on the right side. box-shadow: 5px 5px 15px #000; }
  5. @rangeee Yes! I implemented this on a client's site before. I you need help send me a DM but it is usually pretty straightforward to install if I remember correctly (it's been a few years since I did it)
  6. It looks like thats linked to your "products" folder. Something tells me that at some point you had created a folder and didn't rename it right away. Then google indexed your site and grabbed that old name. Maybe resubmitting to Google Search Console would work OR making sure to add some really great schema might help make these results look better.
  7. @SaranyaDesigns I didn't even check, for some reason I just assumed that was the individual block id. That works too!
  8. If you want it for all the images in that section you could do it like this. This way you don't target individual images. section[data-section-id="652cdfe47161a10cf9d95eb2"] .sqs-block-image { img { filter: grayscale(100%); transition: all .3s; } &:hover { img { opacity: .75 !important; } } }
  9. Can you share a link to your client's site? If it's still in trial mode add a site password using this guide https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords
  10. @rocketbase can you share a link to your page where you have the sale price live?
  11. @WR-Mike do you want every single form block on your site to have that color button? If so you might be able to just remove the #collection part before that .sqs-block-form to make it work on every page. Try that first and if not we can add more selectors to make it more specific.
  12. @KeithSWD so there's a workaround with code where you can add it in a markdown block and it will work on a personal plan. It's doable with css too but obviously more code because you have to target each individual element and change it's colors.
  13. Not sure there's a good free solution but this would do the trick. affiliate link - https://www.will-myers.com/products/p/section-loader-supreme?peachs_apc=jay-van-dyke
  14. @KeithSWD try this in a markdown block somewhere on the page you want to change. If you add it to the footer it'll change on every page but maybe just add it to the last section of the page you want this to change on? <script> document.addEventListener("DOMContentLoaded", function() { var footerSection = document.querySelector("#footer-sections section"); if (footerSection) { footerSection.classList.remove("white"); footerSection.classList.add("white-bold"); } }); </script>
  15. I think it's how you have it encoded. You have things like < and > and the example in that other post uses %3C and %3E. Someone left a link in that post about proper encoding. You might save it as an svg file and upload it here. https://base64.guru/converter/encode/image/svg
  16. I think I see it! It may be blocked by being http and not https. Try changing it to that?
  17. Is it only broken in the back end of SS? Sometimes javascript stuff like this will be a little buggy in the editor since it's all inside an iframe underneath the editor. I'm looking to do this too so I'm definitely following!
  18. @WR-Mike that needs to go in custom css or you need to be <style> before it and then </style> after it, it can't just be pasted in the page header code injection without html tags. Better to put it in Custom CSS though so it's easier to track down.
  19. It looks like you're using Block IDs You need the block id of this summary too.
  20. It's possible. We might be able to get away with a script in the footer in a markdown block. What color theme is the footer currently?
  21. can you share your link? I only see your site password
  22. @Jefferson0123 oh yea, good old code block weirdness in fluid engine.... Try using a markdown block instead and paste that embed code in there. I would stretch the width of the markdown block to the entire width of the grid, then drag the bottom of the container of the markdown to make sure it's as short as it can be. This way we can add some code to make sure it's centered without just trying to eyeball position the container. Then add this code to css too section[data-section-id="6527af115add1c37569bca7d"] .sqs-block-markdown { text-align: center !important; }
  • 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.