jenartsquare

Thank you, @Ziggy. Apologies for the late reply. 

 

I have a dangling word set at the bottom of my blog posts indicating the order of the posts. I can't for the life of me locate where to strike it. See the screenshot for reference. 

Direct website URL to one of the pages affected: https://www.peripheralviewmedia.com/side-eye-blog-peripheral-view-media/the-power-of-storytelling-unleashing-the-magic-to-attract-new-customers

Thanks!

One more thing, @tuanphan. Can you give me the CSS code to have this occur only on the homepage? Thank you 🙏

@tuanphan You're the best! This is precisely what I wanted. Thank you. 

@tuanphan This makes the header be there all the time. I want it to be invisible when the viewer visits the site, and then have it appear when they begin scrolling. 

Is there a way instead to make the entire main navigation happen in the footer instead of the header? I know you can put links to the pages in the footer, but I want the main navigation as it is now to be in the footer. I don't want people going off my homepage at the onset by clicking the main nav. I want them to scroll down the page first. I don't see a way for the folder pages I have on my site to be put into the footer.

Here is a screenshot of one of the folder navigations I need in the footer. One note on the forum mentions just "pull the pages into the footer." I don't see a way to do that. 

Thanks.

@tuanphan yes, exactly!  Thank you as always for all the great help you give me. 

Thanks @creedon! My apologies for not including the site URL in the first place. And I'll brush up on 'how to post a forum question' as well.

Thanks for taking a look!

https://chinchilla-megalodon-bfwb.squarespace.com/

PW: PVM1111

As the title suggests, I would like my full opening banner to be visible without the header and navigation covering any of it when the visitor gets to my site.

Once the viewer scrolls, I want the header and nav to appear. 

Seems like something easy since we can make the header transparent, but I need help finding something to indicate this ease. 

I can make it disappear, but I need it to reappear upon scroll. 

Can you please help me? 

Thanks!

9 hours ago, RolandFuseHub said:

We are making this a priority but no ETA. Sorry, you feel the way you feel but nowhere do we sell this plugin as a way to only use a few sections on a page to scroll horizontally. Stay tuned...

Thanks, Roland. I wasn't trying to be an a$$. I'm just frustrated about the constraints and I understand the workarounds have to be developed. I'm grateful we have these plugin options for SS.

I also realize you don't promote single or few-section scrolls... it just isn't obvious, or at least wasn't to me. But I get it. It's in development and that's great news. 

Thanks for your reply. And I'm LOVING Expand 2.0, by the way. 

On 1/31/2023 at 1:04 PM, RolandFuseHub said:

We are working on it but not that easy….

I just purchased this plug-in in order to enable a sectional horizontal scroll for two sections, not the entire site/page. Can we get an estimation for when this is going to be available?

To think this plug-in was developed thinking people want an entire website or full vertical scroll page to be fully horizontal scroll is confounding. 

Thanks, @Ziggy. That's what I was afraid of. Okay, I will get to rebuilding. Thank you again for taking a look. 

• 
• Circle Member
• •  48

    17 hours ago, jenartsquare said:

    Sorry @Ziggy I mistyped. It's   !PVMNew!

    20 hours ago, Ziggy said:

    The password doesn't work.

  •  1

Sorry, I mistyped.

Hi All,

@Ziggy Thank you again for your help on my last issue

I initially set up my site to have a grid of six boxes that were linked to separate gallery pages when clicked. 

This is currently set as my homepage, and I want to 1) make each page its own page, not part of this portfolio/gallery, and 2) make sections I've created on the vertical scroll homepage (that is actually set to the portfolio I want to delete once I extract (hopefully simply) the separate pages) into their own pages. 

As you've already seen, my page is currently in disarray, and the portfolio I mention is now pushed to the bottom of the page to get out of the way. 
 

@Ziggy I just went ahead and changed each block ID and it worked. I'd love to use the nth-child option if I could find a way to make it work—but for now, I'm good. 

Thank you for your help! Without it, I would not have gotten to this solution. 

23 minutes ago, Ziggy said:

I would suggest using CSS like this:

section[data-section-id="63ca1089df490857e5c10fd9"] {
 .sqs-background-enabled:nth-child(1) {
   background-color:red;
 }
 .sqs-background-enabled:nth-child(2) {
   background-color:yellow;
 }
 .sqs-background-enabled:nth-child(3) {
   background-color:green;
 }
 .sqs-background-enabled:nth-child(4) {
   background-color:blue;
 }
}

Using the section ID and nth-child you can set the colours in order and reuse it easily without using individual block IDs.

Hope that works for you!

Thanks, @Ziggy. I appreciate your quick response.

When I insert the code, it does in fact change the nth-child (1) to the red you indicated and all the text backgrounds as well, but when I modify and place the HEX code on that nth-child (1) plus add the corresponding hex color to the other children, there's no change except to the blue on the (1)

I'm sure I'm missing something simple, but here is what I attempted:

section[data-section-id="63ca1089df490857e5c10fd9"] {
 .sqs-background-enabled:nth-child(1) {
   background-color:#1863B6;
 }
 .sqs-background-enabled:nth-child(2) {
   background-color:#9EDC03;
 }
 .sqs-background-enabled:nth-child(3) {
   background-color:#FAF001;
 }
 .sqs-background-enabled:nth-child(4) {
   background-color:#26D1EE;
 }
.sqs-background-enabled:nth-child(5) {
   background-color:#516528;
 }
.sqs-background-enabled:nth-child(6) {
   background-color:#9F1CD3;
 }
}

It looks like this now:


 

6 hours ago, Ziggy said:

How you go about this depends on how you have it set up. Can you share your website URL?

@Ziggy It's a hideous hodge-podge of sections right now, so please don't look at the design with a discerning eye!  😂 I'm playing with things for now. But this piece matters for the separate brands. 

Thanks so much!

https://www.peripheralviewmedia.com/

PW: PVMNew

My default text background (and the color of the image card text area) is orange, and I need the text backgrounds (and/or the image cards) to be able to change colors. I've attached a screenshot of the areas I want to change. 

Can someone tell me how to do this in CSS so I can change text backgrounds to specific HEX? 

Thanks!

Hi @tuanphan, 

Can you please give the code to turn ta ext link into a button?

Thanks!

On 2/13/2022 at 11:40 AM, NickIppolito said:

Is this a background video, a video block, or a code block your using this? You can try instead of adding the entire iframe and script to just the Vimeo url to a video block. 

@Nicklppolito, I have multiple videos on the page. The opening one is direct from the Vimeo url in a video block. The others I might have used the embed code in a video block, but will happily change.

I don't think that's the issue though. The entire page from the brand collection down (which is a nice scroll) is not accessible. Something bigger than the way I uploaded videos seems to be at play. Or so I'm surmising. So frustrating. 

Thanks for your input.

Site URL: https://www.peripheralviewmedia.com/

I added a code to the CSS, and when I saved it, the entire site went white, all my videos disappeared and I can only scroll to a certain point on the page, the rest of the content below that scroll just seemingly gone. 

When I view the site in SAFE mode, it's all there, but I don't know how to get it back. 

https://www.peripheralviewmedia.com/
Password:  PVMNew

I would appreciate any help. I'm wondering if I inadvertently erased something in CSS, or in a markdown or code injection?  I have no idea what I did. 

Thanks for the help.

Following. I am in need of the same information. Thank you!

Hi Nick @NickIppolito, thanks for responding. I must not have notifications set to this forum. I didn't know you responded. It was a video block, and after getting furious at Vimeo, I realized I had put something in the CSS eons ago overriding the embed and hence keeping the video looping despite the embed code showing otherwise. Huge user error!  : ) All solved now. Thank you!

I made a video looping and autoplay, then wanted it to stop. I have tried every code everyone has listed here, and put '0' in place of the '1'. To no avail. 

The video used to need to autoplay and loop because it was just for visual effect. Now it has narration and I give the viewer the option to click on it. So the autoplay has stopped, but it continues again when complete. I am so frustrated. Vimeo can't even figure out a workaround. It must be on the Squarespace end. 

PLEASE HELP! @tuanphan or anyone who is listening.

This is the default embed code Vimeo has for the video. 

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/661047520?h=310e582965&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="PV_Legacy_IntroVideo.mov"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Can anyone help with this? It should be an easy fix, but no one seems to have the answer.