Wolfsilon

The password that you shared is not working. Were you able to solve the problem?

Right so, think of it like this.

The code block is the container and the embedded iframe is contained in said container. The code block container will only be as wide  as Squarespace will allow and, by default, this is normally the max-width of the website/section.

If you set the dimensions of the iframe to - "data-width: "100" - you're effectively telling the width of the iframe to be 100% of the container it is in. In this case, the code block . Same goes for height.

Try increasing or decreasing the dimensions of the code block with these changed made to the iframe and you should start to see more relevant changes.

If you could please share the private viewing password so that we can enter your website, we will be able to provide a more accurate code/solution for you.

@palomamcclain I'd love to help you build your website, answer any questions that you have, and/or provide my services. I'd very much like to see your art be displayed in the best ways possible (I'm an artist as well) -- I understand your budget restrictions, so... please consider this an early Holiday gift. Message me if you'd like.

I'm guessing you figured it out? I was in the middle of working on it for you and saw that it's now black!

Actually, yeah. You can do this using simple HTML and enhance with Javascript if you need, or if there are permissions you need to override. Just use a code block and be sure to give your code a unique class and style as you need. This is just the prompt to open the camera.

Also, just as a warning -- I would probably blacklist the website if I were a random visitor and my camera automatically opened. This code may also throw activation errors on browsers.

<a>
  <input type="file" accept="image/*" capture="camera">   
</a>

An example of styles would look like:

<div>
  <input type="file" accept="image/*" capture="camera" style="display:block">
</div>

CSS:

div {
  border: 5px solid yellow;
  padding: 1em;
  text-align: center;
  color: #fff;
  position: relative;
  width: 200px;
  height: 100px;
  background: black;
}

input[type="file"] { 
  width: 100%;
  height: 100%;
  opacity: 0; /* make transparent */
  z-index: 1; /* move under anything else */
  position: absolute; /* don't let it take up space */
}

So you want an existing website, in its' entirety, to appear within a small section of another website that you have?

If you're able to build a new site that will have the contents of both websites, it would be easier. Although, you could really just set up a link to your other website too. Like two buttons, one enters your umbrella site, and another links to your wastebasket site.

😄

In that case, for more control over your spacing. I've got another solution for you:

/* Tweak margin right below to your liking */

.header-nav-item {
  margin-right: 2%;
}

.header-nav-list {
  width: 100%;
}

.header-layout-nav-right .header-nav-list {
  justify-content: center;
}

This problem has been in existence since before time. The parallax effect on 7.0 is both a blessing and a curse. Unfortunately, no. There is not a simple fix for this problem.

Try this:

.header-layout-nav-right .header-nav {
text-align: center;
}

Jenn,

Could you please provide the URL to your website so that we can provide an accurate code for you to use?

Thank,

Dan

Hmm,

Everything appear to be fitting within the section on my end. Tested on iPhone 7 and iPhone 13. I also can't seem to replicate the issue on desktop either. Were you able to fix this issue?

Best,

Dan

Actually, yeah. You can use this easily, but you'd ideally want to have access to a Business Plan from their subscription offers to get the most control over your Curator widget.

Hello there!

I don't see why it wouldn't be. The widget is a stand-alone tool that serves content to wherever you want, so long as you have a Feed ID. Widget looks pretty simple to setup but you'll probably need Jquery and simple plugin installation in your Code Injection.

Best,

Dan

Hi,

I'm not seeing any errors on my end. The color of the header text on your website is black but that can be changed in the Site Styles. I'm not seeing the iFrame interfering with anything from my end.

You just want to the move the section up? Or have it follow the page when you scroll? Also, this is a really cool way of using blocks as a navigation.

Are you using a plugin for this?

"Unexpected value..."

Parsing the values for your data at X,Y is screwed up. Check your array code or datasheet.

Just set pointer events and cursor properties to none for the accordion block in question.

Please share the private viewing password so that we can look at your website and see if there's a solution for you.

Hello,

Try the following code and see if it resolves your problem:

.products.collection-content-wrapper .grid-meta-wrapper {
margin-top: 0px !important;
}

Background videos for Squarespace by default will not play the audio associated with the video regardless if you have a Personal or Business account.

To get audio for a background video you will need a third-party plugin and a JavaScript customization enabled Squarespace plan, which is available for Business plans or higher.

So, if you want the option to find and install a plugin, you must have a Business plan or higher but doing so will not automatically enable any additional audio features. If that makes sense.

Is there anything preventing you from adding a button class or an a class to the lottie animation in the code block? If not then just use "href=URL_HERE_" and "target=_blank". I think that should open in a new tab.

Hello there!

The code to change the positioning of the text and image shown only on the page in the example above would be something like this:

#collection-6177601a56097560be5eed2e {
@media only screen and (max-width: 769px){
.sqs-row:nth-child(3) {
display: flex;
flex-direction: column;
	}
.sqs-row:nth-child(3) .sqs-col-4 {
width: 100% !important;
		}
	}
}

Most of the default layouts are structured by pages (collection), sections, rows, and then columns(sqs-col-...).  In the code above, we target the page ID, then the 3rd row on the page using - :nth-child(3) - , and apply the flex-column layout to the 3rd row when the dimensions are less than 769px (tablet-size).

Because the row and the column we're targeting won't be the correct width until later (640px) on mobile devices, we apply the width increase to the column nested inside the ":nth-child(3)" row early, demonstrated on the 8-9 lines of code.

Hope this help,

Daniel

My understanding is that Squarespace incorporates integrations from third-party platforms that expand their ability to sell you extensions. Some of these are built or purchased by Squarespace but all of them operate independently.

Fortunately, I believe Squarespace owns Acuity so you'd want to reach out to a support representative about this issue. Unfortunately, I would think that when you purchase a plan, all customers, features, and integrations are assigned a unique identifier so canceling the parent plan would remove this ID and remove all access to the platform, data, and customer features.

Squarespace is pretty good about keeping logs and data so definitely try and get in touch with a representative about restoring the plan as soon as possible.