-
Posts
178 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by abc
-
Is it possible to change section background color on hover with smooth transition? In my case, I also have dividers enabled. I tried targeting all kinds of selectors, but none seems to work. Desired effect: Normal: On hover:
- 8 replies
-
- squarespace-7.1
- background
-
(and 3 more)
Tagged with:
-
I'm on Squarespace 7.1, using a video block without player controls. On desktop, it works perfectly fine. But on mobile, nothing happens when tapping the video. With player controls, it works fine on mobile. But I don't want to show any player controls. Any way to fix this? Thanks.
- 4 replies
-
- video
- squarespace-7.1
-
(and 1 more)
Tagged with:
-
Sometimes it can take as long as 5 seconds for search results to appear. I would understand if my store contained billions of products. But it's just 30 items, and it still takes 3-5 seconds. On big sites like Apple, Amazon, Reddit, Twitter, their search results are pretty much instantaneous.
-
[Fluid Engine] How do I get rid of this bottom padding on Instagram block?
abc replied to abc's topic in Customize with code
Thank you @tuanphan. Worked for me.- 15 replies
-
- fluid engine
- squarespace-7.1
-
(and 2 more)
Tagged with:
-
[Fluid Engine] How do I get rid of this bottom padding on Instagram block?
abc replied to abc's topic in Customize with code
Hi Tuan, do you have a code for my issue as well by any chance?- 15 replies
-
- fluid engine
- squarespace-7.1
-
(and 2 more)
Tagged with:
-
Is it possible to control/customize WebGL background elements using CSS?
abc replied to abc's topic in Customize with code
Thank you, BaNgan. I see that you scaled the canvas, but not the shapes themselves. Is there a CSS code that would make the shapes smaller as opposed to making the canvas bigger? I also would like to reduce the number of shapes for mobile. Currently there are 100 shapes. But for mobile, I would like 20 shapes. Sorry, this issue is low-priority. BaNgan, could you take a look at this page https://steven.squarespace.com. It's more important than the issue above 😁 I would like to customize the canvas for mobile: 1. Make it 200% wide 2. Center it horizontally Could you help me with that? I'd be so grateful. Thank you in advance.- 5 replies
-
- squarespace-7.1
- background
-
(and 2 more)
Tagged with:
-
[Fluid Engine] How do I get rid of this bottom padding on Instagram block?
abc replied to abc's topic in Customize with code
Yes, the issue is still there. Please make sure your screen width is less than 1750px. You will see the black padding.- 15 replies
-
- fluid engine
- squarespace-7.1
-
(and 2 more)
Tagged with:
-
Is it possible to control/customize WebGL background elements using CSS?
abc replied to abc's topic in Customize with code
The blue shapes.- 5 replies
-
- squarespace-7.1
- background
-
(and 2 more)
Tagged with:
-
Site URL: https://steven.squarespace.com/home-2 The WebGL background that I'm using lets you adjust the size of floating shapes. I currently have it set to 20. Is it possible to change the size, for example, to 10 for mobile only using CSS? Any help would be greatly appreciated. Thanks.
- 5 replies
-
- squarespace-7.1
- background
-
(and 2 more)
Tagged with:
-
Changing light box submission button background color and font
abc replied to expertlypaul's topic in Customize with code
This will change your two buttons "Open Form" and "Get Your Cheatsheet" .form-block .lightbox-handle, .form-wrapper input[type=submit] { background-color: #215eed; font-family: "Montserrat", Helvetica, Arial, sans-serif; } -
Site URL: https://steven.squarespace.com/test I don't understand why it's there. I double-checked the section setup and made sure that the block fills up the section completely edge to edge and top to bottom, but that pesky bottom padding still persists. Any help would be greatly appreciated. Thanks.
- 15 replies
-
- fluid engine
- squarespace-7.1
-
(and 2 more)
Tagged with:
-
How do I find out what the CSS structure is for Squarespace?
abc replied to Tiernan's topic in Customize with code
Developer Heather Tovey created a chrome extension specifically for finding various Squarespace IDs (such as blocks, sections, collections, etc.). I've been using it for several years now, and it's a huge timesaver. A must-have for anyone who builds with Squarespace. Link: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff -
Ability to Enter Image Captions when Using Fluid Engine?
abc replied to LJeff's topic in Images & Videos
My section uses the new Fluid Engine, and image block captions are nowhere to be found. -
This code used to work, but not anymore. The focus outline keeps persisting. Could you help, please? 🙂
- 5 replies
-
- squarespace-7.1
- form
-
(and 2 more)
Tagged with:
-
Ability to Enter Image Captions when Using Fluid Engine?
abc replied to LJeff's topic in Images & Videos
Squarespace says it's possible to add captions to images in Image Blocks in Squarespace 7.1 (and they even have a tutorial on how to style them), but I don't see that option. -
Thank you, BaNgan! This is a great start. I think the animation of menu closing and menu items still needs work. I'll play with your code and see how I can improve it. There is a great website called SquareRefresh.com (built on 7.1), and their mobile menu behaves just like Apple's. I wish Squarespace gave us more options to customize our menu designs and animations. Hopefully in the future.
- 2 replies
-
- squarespace-7.1
- mobile
-
(and 3 more)
Tagged with:
-
I have one specific example that I would like to achieve for my website. Take a look at https://apple.com on mobile, and try opening and closing their menu. Notice how it slides down and up smoothly. Is there any way to achieve something similar on 7.1? I've attached a screen recording of Apple's mobile navigation in action: Screen Recording 2022-01-04 at 16.44.06.mov
- 2 replies
-
- squarespace-7.1
- mobile
-
(and 3 more)
Tagged with:
-
Custom code help: How to turn entire grid cell into a link
abc replied to abc's topic in Customize with code
Thank you!! -
Custom code help: How to turn entire grid cell into a link
abc replied to abc's topic in Customize with code
Thank you!! -
Custom code help: How to turn entire grid cell into a link
abc replied to abc's topic in Customize with code
What I would like is make the entire grid cell clickable, not just "Some Text." -
Try this code: .gallery-section .gallery-caption p { font-size: 18px !important; }
-
Custom code help: How to turn entire grid cell into a link
abc posted a topic in Customize with code
Site URL: https://steven.squarespace.com/test I've created a very simple custom grid using display: grid Here's the code: <div class="grid"> <div class="grid-cell">Some Text</div> <div class="grid-cell">Some Text</div> <div class="grid-cell">Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text</div> </div> <style> .grid { width: auto; margin: 0 auto; display: grid; grid-gap: 1px; background-color: #000 !important; border: 1px solid #000 !important; grid-template-columns: repeat(3, 1fr); } .grid-cell { background-color: #fff; color: #000; padding: .5rem; min-height: 4rem; display: flex; align-items: center; justify-content: center; text-align: center !important; word-break: break-word; } </style> How do I turn each entire grid cell into a link? I tried wrapping <div class="grid-cell">Some Text</div> in anchor tags, but for some reason, it breaks the grid design. Any non-JS solutions? Thank you in advance.