dross

Thanks for checking. I did find a workaround though. If you make any one of the form questions "required", it forces the form to be open and you don't have to click "Additional Information".

Sure. The site is not live, but here are the logins: https://beige-lobster-adm6.squarespace.com/ Password: square207 If you scroll ⅔ off the way down the home page, there is a donate button. If you click on that, you will see what I mean about the "Additional Information" being hidden. Thanks.

Hello everyone, I've run into an issue that's very problematic for me. When someone goes to donate, the information I need to collect has to be added under the "Additional Information" accordion "button". This means that the questions I need the donor to answer are basically hidden. "Additional Information" isn't very clear as to what it means. It's not even that obvious that that text is clickable. It feels like SquareSpace is forcing us to intentionally hide any additional information we need to collect. Is there any way to force this accordion menu open? This way they don't have to click on anything to see the questions. If not, is there any way to change the text to something else (like "Additional Information Needed"? Thanks for any help!

Hi, My animator created a Lottie/JSON file for me to use as a page preloading animation on my site. It's a 1.5 second loop of a 300px sized transparent animation. I had requested a GIF as I've found instructions online to use a GIF as a preloading animation. However, the GIFs he keeps sending over are far too low quality for me to use. So I'm wondering if anyone knows if/how I can use a Lottie animation instead? I can't find any instructions, tutorials or information online about this. Thanks for any help that you can provide.

I wasn't able to yesterday, but I gave it a shot today. It wasn't possible to do this in all of the places I'd like to have done it, but it did work in some places. Thank you so much for helping me out with this. I'm happy knowing at least I won't make this mistake in my designs going forward.

Thanks so much for responding. If you go to "Joining" from the main menu, you can see what the accordion menu is doing to the other blocks. Thanks for any help you can provide. Here are my logins: https://beige-lobster-adm6.squarespace.com/ Password: square207

I'm using accordion menus on a few pages. When clicking on the accordion to open up a section, it stretches out the spacing between other blocks that are parallel to the accordion block. It's as if they are connected somehow. On one page, opening the accordion menu even stretches out a shape block that is to the right of it. Is there anything I can do to prevent this happening? Any code I can implement, or am I doing something wrong? Thanks for any help!

Thank you so much for that information. I thought it might be an extension. Not sure how much it would help anyway, as tablets aren't built into the fluid engine as you mentioned.

A developer that was helping me with a plugin sent me a video showing some errors on my site. I happened to notice that while he was logged into my site, there were four different view options in the upper right corner. I've tried all the browsers, and I don't see this as an option anywhere. Is there something I'm missing? Please see attached screenshot. Thanks so much.

Thank you so much! 🙂

My "Custom CSS" area is currently over 900 lines long. It's really difficult to find the CSS I'm looking for to make changes. Most of the CSS is particular to specific pages on the site. Are there any downsides/negatives to putting that CSS between Style Tags in the "Advanced - Inject Custom Code" area of each individual page? This would make it much easier to find and edit as much of the CSS I'm using isn't global. Thanks.

I tried that as you suggested, but no luck. However, I did find some animation code that I applied to the line block and it did work. Unfortunately, it's not the animation I want/need. But it makes me think that if I could find the code for the correct animation, that it would definitely work. This is what I found that animated the line block: @keyframes Rotate {from { transform: rotate(0deg) } to { transform: rotate(800deg) } /**change to a higher value for more seamless loop*/ } #block-yui_3_17_2_1_1658404110543_15861{ position: relative; animation: Rotate 10s linear infinite; /**change the value to make rotation faster or slower*/ }

Thanks again. That ended up putting the logo back on top, but I did figure it out in the end. I just added this line of code: font-size: 1.8vw;

This was a great start. It did change the image to a line as hoped. However, I can't find any css to override the site-wide animations. So site-wide animations are currently set to 'slide' (and I'm happy with that). As I'm using 7.1, I don't have the ability to set unique animations per image block. I'd like the animation for the 'line' to be a fade in or slide in from the left. Do you think that's possible? Thanks again for the help.

That was amazing! Worked perfectly. One small issue, I'd love for all of the nav items to be on a single line. Is there a bit of code that I could add to reduce the font size? Thanks so much 🙂

Hi, this is my logo info: https://beige-lobster-adm6.squarespace.com/ Password: square207 I added an image block in the very first section on the homepage and enabled animation. Thanks.

Hi, this is my logo info: https://beige-lobster-adm6.squarespace.com/ Password: square207

Thank you so much. I couldn't get that to work, but this worked for me: section[data-section-id="6456e8d964adaf26cc121c76"] h4 a:hover { color: #194D63 !important; }

How do I create a way for you to see the site? I haven't done that before. The site that is at the current URL is not the one I'm talking about. I am working on a new site that isn't live. Thanks so much.

Does anyone know of a way to animate line blocks? I'd like to be able to 'clip' or 'slide' in from the right and left. Thanks.

Hello, I am trying to figure out how to target individual links on a page in order to change the color on "hover". Different links appear on different colored background, so I'd like to be able to target each link individually in order to change the hover color depending on whether or not it's a dark or light background. Thanks if you can help me.

Hello everyone, I'm wondering if the following is possible: I would like one header layout on the homepage of my site and a different "header layout" for the remaining pages. For the site, I have the header layout chosen that puts the logo in the center and the navigation below it. I have hidden the logo, as I have put the logo large in the section immediately below it. For my purposes, it looks exactly how I'd like it to look. However, for the rest of the site I want the logo visible (which it currently is as the code I used to hide the logo only applied to the homepage). However, I would like to select a different "header layout" on the other pages. I would like to use the layout with the logo on the left and the navigation items next to the logo instead of below. I can't find any code to target the "header layout" specifically. I would imagine that targeting the homepage would make more sense as it's the only page on the site with a different header layout. But whatever solution works best I am very open to. Thanks in advance if anyone can help out with this. I've attached images to illustrate what I'm talking about.

The site is lewisrossignolart.com. I've already replaced the code and it works most of the way. But I can't figure out how to display the number of items in the cart **next to** the cart icon. And I need to reposition the cart on mobile. It doesn't matter much where it appears on desktop, but I'd like to horizontally align it with the burger menu icon on mobile. Thanks so much. Here it the code I'm currently using: /*custom cart icon*/ .header-actions-action.header-actions-action--cart svg, .header-actions-action.header-actions-action--cart .icon-cart-quantity { display: none !important; } .header-actions-action.header-actions-action--cart a { display:block; width: 32px; height: 80px; background-size: 32px 32px; background-image: url(https://static1.squarespace.com/static/61c22944e0aaed7bd8f066c3/t/620d5b4b335ff0014b413dd9/1645042507602/cart.png); background-size: contain; background-repeat: no-repeat; }

Hello, As of recently, the CSS I was using to replace the cart icon with a custom image stopped working. I've found some updated code online, but it isn't working as it was before. I'd like to position the number of items in the cart next to the cart icon, not on top of it. I'd also like to be able to position the icon on the page differently for mobile than desktop. Thanks for any help anyone can provide. Also, I'd love to know why the code I've been using for the past year stopped working out of the blue.

Site URL: https://www.lewisrossignolart.com/ My client wanted me to set up a sale on his site. I set up the sale via "discounts" under "commerce". The sale works once you get to the cart, but the sale price does not display on the category page or the product page. This essentially makes the feature useless as customers won't know items are on sale until they've already decided to buy. That's not how sales work. Squarespace informed me that the only way a sale price will display is if you put it on sale via the "edit product" page. That can't be right, can it? If you had hundreds of products you wanted to put on sale, it would take all day...and the same thing when you wanted to take them off sale. Somebody PLEASE help! Thanks in advance.