Jump to content

Obi-Wan

Member
  • Posts

    12
  • Joined

  • Last visited

Everything posted by Obi-Wan

  1. Hi Ziggy! Thank you so much for taking the time to answer my concern, however, the link that you suggested says that I do not have permission to see it. I'd love to see the link as it may be helpful to me. Do you have an idea as to why I am blocked from seeing the link? Thanks again!
  2. Hello! 👋 I am having an issue with parallax scrolling for background images. It seems that the issue arose about the same time that SS had headers and footers disappearing/changing colors. According to the SS status page, the header/footer issue had been fixed but apparently that fix caused the following code to stop working altogether. The problem is that, when I put the following code into the Settings > Advanced > Code Injection > Footer section, all of my background images completely disappear. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> <script> $('.has-background:not(:has(.sqs-video-background))').each(function() { var findImage = $(this).find('.section-background img'); var imgUrl = findImage.data('src') + '?format=2500w'; var dimensions = findImage.data('image-dimensions'); var imgWidth = dimensions.substr(0, dimensions.indexOf('x')); var imgHeight = dimensions.substr(dimensions.indexOf('x') + 1); $(this).parallax({ imageSrc: imgUrl, naturalWidth: imgWidth, naturalHeight: imgHeight, speed: .5, }) }); document.getElementsByTagName("body")[0].onresize = function() { setTimeout(function() { jQuery(window).trigger('resize').trigger('scroll') }, 100) }; </script> <style>.has-background{background-color:transparent!important}.has-background .section-background{background-color:transparent!important}.has-background .section-background img{visibility:hidden!important}main .has-background.background-width--inset{margin:4vw;padding:0!important}main .has-background.background-width--inset:not(.content-collection):not(.gallery-section) .section-background{top:0!important;right:0!important;bottom:0!important;left:0!important}.sqs-catalog .section-background img{visibility:visible!important;}.has-background .section-background .sqs-video-background img{visibility:visible!important}</style> I have been using the code above flawlessly on multiple sites for some time without a hiccup until recently. I tried using SS built-in parallax engine for my background images but it isn't nearly as smooth as what the above code did for background images. My websites just aren't the same without it. I have also tried other similar bits of code that is supposed to do the same thing (actually, used to do the same thing before the SS header/footer issue) as the above code but those will not work either. I was wondering if anyone has had similar issues as I am having or maybe someone could look at the code above to see what might be causing the background images to completely disappear? Thanks in advance for your time! Website: https://cello-dachshund-wage.squarespace.com/config/ Password: WCB2022
  3. Never mind, I figured it out. Thanks.
  4. Site URL: https://womentalkconstruction.com/ Hello, I am wanting to reduce the space between specific image blocks on my home page. The images are links to streaming services. I have tried various code and came close but, it always throws other areas out of alignment. The blocks in question are: block-yui_3_17_2_1_1648158450296_24574 block-yui_3_17_2_1_1648158450296_12640 block-yui_3_17_2_1_1648158450296_48350 block-yui_3_17_2_1_1648158450296_161133 Thanks in advance for your time.
  5. Mine still isn't working. 🤷‍♂️ idk. I contacted SS customer care once again, we will see...
  6. @WMC Have you tried going to Site Styles > Fonts and under 'Global Text Styles' select 'Buttons' and then select the weight you would like to change your text to. This affects all buttons site-wide. Hope this helps. 🙂
  7. Great news! However, it still isn't working for me and I opened a ticket on last Friday. 😏 So frustrating.
  8. Ha! While the force is in and around all things, unfortunately, it doesn't reach the deep, dark catacombs of the SS devs thought to lie far beyond the edge of our known universe. Otherwise, I certainly would have gathered all of the midichlorians within me to force-fix the CSS Editor by now. 😆
  9. @laurel I had (having) the same issue. CSS stopped working for me all-together on Friday. I opened a ticket with SS and I will post below the response they sent me back through email. So, the reason that it is taking so long is that they have to test all the things before committing to a patch. They need to make sure that the patch will not affect other users or break something else. As terribly inconvenient as this is, I can understand where they are coming from having been in their position. If you are like me, CSS really takes your website to the next level and in some cases, (my case) even goes as far as breaking the design without it. I hope everything works out for you and your client despite the CSS issue. Have a good day! ~ Michael
  10. Hello, I just had this problem pop up today as I was adding some CSS to my website. I have tried clearing cache, using alternate browsers, removing all CSS and entering various code one at a time, and still nothing. All of the code I had in there just stopped working all-together. URL: womentalkconstruction.com EDIT: I just read where Squarespace was having trouble with CSS at the moment. I will wait a bit and maybe they will sort it out. EDIT #2: I opened a ticket and SS confirmed it was something that was wrong with the CSS editor on their end. In my case, it had to be escalated to an engineer. I am still waiting on a fix but they said that they would notify me through email once the issue had been resolved. If there is any additional information that I can provide after I get the response, I will certainly add that information here. Cheers!
  11. Thank you! That did the trick. I was able to keep the lower number of items I wanted visible and hide the pagination gap. Have a great day!
  12. Hello I have browsed the forum as well as this post for similar issues to the one that I am having with my site but cannot find a similar post. I have a space between sections that popped up all of a sudden and will not go away. I haven't done anything different and it's only on this one page, not site wide. I have removed and replaced sections around the space, adjusted padding settings, completely removed all css code, etc with no solution. The space between the footer and the next section up is the space that is the issue. While hovering my cursor over that area while in edit mode, there are no available options that pop up like there would be if I were hovering within an editable section. It's just a blank area between editable sections. So weird. Any thoughts? URL: Episodes — Women Talk Construction Podcast Thanks in advance for any help! EDIT: After inspection, it seems it has something to do with the side-by-side-blog section that is ABOVE the section pictured above (the media player within the mic background). It seems to be a 'pagination' thing from that section. EDIT #2: That is exactly what it is. When I change the amount of items that can be viewed on one page to a higher number (to where every item is on one page) then the gap disappears. If I select a lower number of items to be displayed on the page and there is an 'older post' link appears at the bottom of the side-by-side-blog section, it creates the space again between the footer and the section above. Is there any way to negate that action with css? 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.