-
Posts
410 -
Joined
-
Last visited
-
Days Won
1
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Wolfsilon
-
Hi there, Could you please share a private link to your website so we can look? Thanks! Dan
-
Hi, Ghost Plugins is pretty legit, if you have the $20.00, I'd recommend purchasing the plugin. If you're familiar with Javascript, the animation is controlled based on the distance or presence of a section in the view-port. We can't really demo custom scripts on your website without developer access. If you really want to do this on your own. This code should be a good reference 😄 <script> const colors = ["", "lightCyan", "darkSkyBlue", "aquamarine", "electricBlue"]; const sections = [...document.querySelectorAll(".page-section")]; window.addEventListener("scroll", function () { const scrollFromTop = window.pageYOffset; for (let i = 0; sections.length > i; i++) { if (scrollFromTop <= sections[i].offsetTop) { document.body.className = colors[i]; break; } } }); </script>
- 2 replies
-
- navigation
- scrolling
-
(and 2 more)
Tagged with:
-
Different Social Links on Different Pages
Wolfsilon replied to alananybp's topic in Customize with code
Hi, Can you please share a link to your website so that we can take a look? Thanks. Best, Dan -
Mobile Not Displaying Title and Description Text in Galleries
Wolfsilon replied to 2birds's topic in Customize with code
Hi, Could you please attach a link to your private/public website so I can take a look? Best, Dan -
Gallery Slideshow to expand to Lightbox
Wolfsilon replied to andrewlanglois's topic in Customize with code
You wouldn't be able to accomplish this natively. You'll want to look into a third-party plugin or custom Javascript. -
How to set specific aspect ratio for stacked image blocks in 7.0?
Wolfsilon replied to AWolf's topic in Customize with code
Sup! Are we long lost siblings? DWolf here... If it's critical to have them be a specific aspect ratio, you could always just edit each photo and set them at the desired AR using the Squarespace image editor or on external editing software. You're absolutely correct that 'hard-coding' the images would impact the dimensions on different screen-sizes. If you're familiar with coding, you could try to apply a global max-width and min-height and use relative units like "vw" "vmin"...etc to make this a bit more fluid.- 1 reply
-
- custom-css
- images
-
(and 3 more)
Tagged with:
-
What a good band... Mad Season.... Anyways, you can control the background of the mobile navigation menu by navigating to the Site Styles panel. I believe there also used to be an option within the 'Edit Header' tool too. Just make sure you select the little mobile icon. Best, Dan
-
Hi, Unfortunately, with widgets like these you will need to adjust the code from the providers side. Perhaps they have a special customer support or Squarespace widget that you can use. Best of luck to you! Dan
- 2 replies
-
- code
- javascript
-
(and 3 more)
Tagged with:
-
Before the Fluid Engine roll out, I had found a workaround using the Squarespace 'tag' system. By the end of it, I gave up on coming up with a UI solution as a drop-down or 'sort-by.' But you can certainly "parse" the articles using tags! Best of luck to you!
-
The difficulty is that Squarespace will load everything immediately on render, this means it will also run the script you've shown above. If you're familiar with JS you can try to disable AJAX loading. In my opinion, the result of doing so is almost worse than if you left it on. The simplest solution is to avoid relying on inputs or interactions to fire an event, especially if we have no control over it. Similarly, because we have no control over the Form script, it'd be safe to assume we also can't adjust that code at that level either. I'd suggest building the 'webapp' yourself, if you're comfortable, or seeing if there's a third-party widget that you can use.
- 3 replies
-
- form
- form-block
-
(and 1 more)
Tagged with:
-
How to override text scaling on mobile for 7.1
Wolfsilon replied to lfang2's topic in Customize with code
If you're using the Fluid Engine grid layout, the desktop view and the mobile view can be individually edited. As for the scaling text. My suggestion would be to use a code specifically for mobile to prevent the text from scaling. Could trying using something like : @media only screen and (max-width: 749px){ h1 { font-size: 48px !important; } } -
Hi there, iFrames can be tricky when trying to customize further without having access to the widget itself. You can try using this code. Hope this helps! #block-yui_3_17_2_1_1667509689769_14831 .sqs-block-content div { width: 100vw !important; }
-
-
How do you make a long screenshot image block scrollable?
Wolfsilon replied to Adcho's topic in Customize with code
Use a code block. Add the image to the code block '<img src="your_link_here".../>' Set the dimensions of the image as a pixel-based unit. Set the maximum height or hard-code the height of the code block to your desired dimension. You should now be able to leverage the 'overflow' CSS property to achieve your desired outcome 😄 -
Hi! It would make a bit more sense to me if you could provide a screenshot/recording of the desired loading behavior. That way I'm not giving you bad code to try 😛
- 3 replies
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
Footer Remove Hyperlink Underline + Add Hover Color
Wolfsilon replied to Deanogrigio's topic in Customize with code
Not seeing any underline issues from my end. I'm guessing you figured it out? Very spiffy looking website! -
Hi, If you're just wanting to update the background for the Home page. Trying using the following code to change the background of all of your Home page sections 😄 #collection-6192dc20b37fe26b94e5e5ee .section-background { background: #f9fafb !important; }
-
Custom Font not showing up on any other device
Wolfsilon replied to PennyVozniak's topic in Customize with code
I think that the header-title...() class updates when you're on mobile. I'd start with inspecting your website and setting the inspector view to a mobile device! Best of luck! 😄- 140 replies
-
- code
- 404-error-page
-
(and 3 more)
Tagged with:
-
Hi! Looks like you forgot to share the URL. You did share the password though, so that's the part that most people miss 😛 Happy to take a long whenever you can share the URL.
- 3 replies
-
- custom-css
- customized
-
(and 2 more)
Tagged with:
-
Adding a division line in the bottom of product page.
Wolfsilon replied to karrstudio's topic in Customize with code
I think you should be able to achieve this by using the following code: .ProductItem-relatedProducts { border-bottom: 2px solid; padding-bottom: 15vh; } Hope this works! Best, Dan -
Code for Desktop/Mobile different landing page. Help needed.
Wolfsilon replied to jdylan423's topic in Code Blocks
I think that video backgrounds will default to using a mobile fallback image anyways, so you shouldn't have a problem with that. Just scroll to the bottom of the tool editor and upload your fallback 😄 -
How do I create a smooth scrolling website that jumps to sections?
Wolfsilon replied to Zenia's topic in Customize with code
@diaaannna You could just disable the code before editing. The additional steps to take to have it recognize you're in 'edit mode' would be way more difficult than just commenting the script out. -
Hi! I imagine you're likely well-knowledgeable and familiar with Javascript, if not, it will be very difficult to provide you a simple solution without hiring a developer. Have you done any research on widgets or embed-able tools that you could use? Best, Dan