Jump to content

TLCDesigns

Circle Member
  • Posts

    33
  • Joined

  • Last visited

Everything posted by TLCDesigns

  1. Hmm that's strange, I just double checked and the file has been uploaded.
  2. Ahh - I changed it to lower case but it still didn't work. Also I need to remove the original script ? If i remove it the design effect is gone
  3. Hi there, I am using a css code to add a floating button to my website. However, I want to add a time delay on it so that it doesn't show up on my custom loading screen (see screenshot). Any ideas?? Thanks
  4. Hi, I am having the same issue, how exactly do I create a CSS file and declare it? Thank you
  5. Ok great, how do I do that? I would like to disable the following script in edit mode without using safe mode because I think that is what is causing the issue. <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script>
  6. Hi there, I have an issue with one of my sites: https://tlcdesign-hillarydemo.squarespace.com/?password=demo I used code injection to install a plugin but using this script breaks the site, I am unable to edit without using safe mode because it causes the "add section" button to either disappear completely or become misaligned and unclickable (see screenshot). I'm perfectly ok with using safe mode, however, I sell this site as a template and its a bit inconvenient and confusing for inexperienced clients to work with, and I feel its a bit unprofessional for me to tell them to do that so this is hurting my business. Is there any other solution to this? I would like to keep the sticky effect. Thank you Code used: <style> @media screen and (min-width: 768px) { #header { position: sticky; top: 0; display: none; z-index: 4000 !important; width: 100vw; } main .page-section:first-child + #header { display: block; } main .page-section:first-child { min-height: calc(94vh - 93px)!important; } } </style> <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script>
  7. Unfortunately not. It works correctly now on safari mobile but the issue is still there on chrome and firefox
  8. Hi, I having a problem with my site. I am using the following code to make gallery items stack on mobile view. However, the code is removing the section divider line in the section above on live mobile view. I am not sure how to fix this. Ive attached screenshots for reference. My website is: https://azalea-goldfish-ywf9.squarespace.com/shop/ Code used: @media screen and (max-width:640px) { div#block-5df172c2e22fbcc2f1f0 .slide { width: 100% !important; margin-bottom: 40px; } } Thank you
  9. This works but i want to apply to only one button. How can I do that? Tried adding block ID but that didnt work
  10. Hello, I found this article on the topic for newsletter blocks. I have not tested if it works though: https://www.squarestylist.com/blog/newsletter-block-last-name For form blocks, all you have to do is use the text field instead of the name field. This is what I did on my own website as well.
  11. Same issue here too! Hope we see solutions in the near future
  12. I am looking for the same code. I want to change the colours of the divider lines. Thanks! https://tlcdesign-amourdemo.squarespace.com/cart password: demo
×
×
  • 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.