MJohn

Site URL: https://newhvmc.squarespace.com I went to Animations and selected Slide but the elements are just fading in. Any idea what's wrong? PW: newhvmc

Hi everyone, I'm hoping to create a bit of interactivity on my client's site by adding hover animations to buttons and links. I would love to know the CSS to make the following animations: On hover, an arrow appears in a rightwards motion after the text eg. text ➔ The arrow transitions from after the text (eg. text ➔) to before the text on hover (eg. ➔ text). So it moves right, disappears, and appears from the left side coming in before the text. I hope I'm making sense. Thanks in advance!

Hi everyone, Is there a way to get a gallery carousel to transition smoothly instead of the current start-stop movement? Thanks in advance!

Oh...no I haven't. It doesn't appear on my PC. I'm using Chrome.

Hi everyone, I keep having this issue where, when I click into the Site Editor, the blue boxes don't show up when I hover on the page i.e. the page remains editable. It's really annoying as I have to refresh the page to get it to work. Have they let 7.0 fall by the wayside? Will there be a native way to move a site from 7.0 or 7.1 any time soon? Thanks in advance.

Site URL: https://www.gmc.org.sg/ Hi everyone, I can't figure out why the outline of the 'How to Get There' button has suddenly disappeared out of the blue. The outlines of 'I'm New Here' and 'What We Believe' are still functioning fine and they're in the same section so I don't know what's happened. Thanks in advance!

Hi everyone. My client currently has a .org domain name and wants to switch to .edu.sg. I've tried searching on Squarespace's domains and it isn't available there, neither can I find it on GoDaddy or Name.com. Does anyone know how I might go about procuring this particular domain? Thanks! ☺️

Oh I got it! It's because that page is also considered a blog page. I've fixed it. Thanks Tuan!

https://brambledesign.squarespace.com/work

Any updates on this?

The other first sections should look like this (image attached). The wavy line should be closer to the top text.

I just applied that code but it stopped working on the other 1st sections. body:not([class*="collection-type-blog"]) section:nth-child(1) { p { margin-top: 2em !important; margin-bottom: -1.5em !important; } h1,h2 { margin-bottom: 1.5em !important; } }

Site URL: https://brambledesign.squarespace.com/ Hi everyone, This is what I've tried but it hasn't worked. section:nth-child(1):not(.blog-item-content) Basically I want some CSS to apply to all other 1st sections except for the individual blog post pages. pw: hello Thanks in advance!

Site URL: https://www.gmc.org.sg/ Hi guys, I'm not sure why the navigation links turn white after visiting. It just started out of the blue and was perfectly fine before that. Squarespace support was no help and suggested I ask here instead. Thanks in advance!

Site URL: https://brambledesign.squarespace.com/ Hi everyone, I'm looking to invert my white logo on pages that have lighter header sections and on blog post pages. Thanks in advance! pw: hello

Site URL: https://www.gmc.org.sg/ Hi! The navigation folder links on my client's website have started turning white after visiting them. It's happened completely out of the blue since no one has touched the CSS. I haven't been able to fix it. Would appreciate any help. Thanks!

Site URL: https://www.methodistpreschools.org Hey guys, On 7.1, is there a way to have CSS stick with a page when it's duplicated? The reason: in the future, my client is going to have to duplicate (multiple times) a page with lots of CSS applied to it. The way it is now, she is going to have to install the Chrome Block Identifier and insert section IDs into Custom CSS. So I'm wondering if there's an easier way?

Yes that would be good!

Site URL: https://www.methodistpreschools.org Hi guys. My client is going to be having a lot more links so I wanted to find a solution beforehand. Is there a way I can move the social links and button above the main nav so there's more space for the text links? Thanks!

Site URL: https://www.brambledesign.com/websitedesign Hi guys. I'm having a problem with the gallery on the live site — the images are way too large. But in the editor, they look fine. Anyone can help please?

Site URL: https://www.methodistpreschools.org I've used CSS to apply a wavy border to the bottom of a few sections. For that, I've used .section-background { overflow: visible } but I'm pretty sure that's what's causing there to be white space below my footer. Does anyone know a way around that?

Is there a way to name sections in 7.1 or apply classes? I want to apply specific code to multiple sections and listing them one by one is tedious.

Actually I realized it was just an issue in the editor. The arrows look fine on the live site. Thanks.

Site URL: https://www.methodistpreschools.org/home Hey guys, I decided to try the auto layout for my testimonials section. Looks good! I just can't figure out why the arrows aren't horizontally centered even though my arrow placement is center.

Site URL: https://www.methodistpreschools.org Hi guys, I wonder if there's a better way to tackle this. I've used this code to insert a wavy bottom border onto my sections (image: yellow background) 2 things: When I add a background image to the section, the wavy border disappears. When I tried to insert a background that included the wavy bottom border, you can see the white behind it and it doesn't overlap with the next section (image: teal background). Is there a way around this? My data-section-id list is getting pretty long. Is there a way I can ID a section so the border applies to only those? Thanks! section[data-section-id="60ecfb9536a7a57c1cedde3f"] { /* Desktop Only */ @media only screen and (min-width: 951px) { .content { margin-top: 2.5em; }} .section-background { top: 10; overflow: visible; &:after { content:''; width: 101%; height: 100%; background-image: url(https://static1.squarespace.com/static/5fe9e26f8d20536a3fc01415/t/61064558a23b887eab808753/1627800920685/Group+35.png); position: absolute; background-size: 100%; background-repeat: no-repeat; left: -1; bottom: 0; transform: translateY(100%); margin-bottom: 1px; z-index: 1; }}} .section