identifyasaproblem

Yes, pause on hover is turned off. It is the default setting. I din't adjust anything other than changing the default text. Not sure the issue.

Hi there, I want to post a "coming soon" scrolling line of text on a page I don't have time to design and I noticed that it appears scrolling in the editor but on the live site is it static. https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023 I am not sure what I am doing wrong because I am using the scrolling block as is. I am wondering if this is a custom code issue because my font is custom. Please help! Thanks!

Thanks for responding, I think I am going to leave the header button as is. I don't think it will look great on the different ground colors of my other pages.

Hi there, I am experiencing a new glitch on my site since redoing code after a system error wipes everything. Everything worked fine last week. I think my custom font codes are the issue (I think I coded them correctly) but I am not getting an error and they do eventually load properly. Is there a way to prevent this new lag that is happening when the system font loads and then my custom font loads a second afterward? Should I put the code in the header or something? Or does my code need to be tightened up or something? There is a lot happening in my heading on my homepage but this issue is new. Let me know if anyone has fixed this issue. Thanks loves xx https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023

Question 2- if this button works (if a CCS sorcerer can help me out) is there a way to have this hover only on the primary button on my homepage and not any other pages? Is there a way to target just the one page?

Once again you have saved the day and peppered in some helpful tips. I think exactly what you described happend because I had the live site open and it looked fine. Next time I will exit if it happens again but best believe I now have a backup. In my defense when I started I did have a doc with the first few codes that I did but I stopped editing it as I went along. So I didn't have nothing. I was able to recover 70% via this forum and my early doc. I have to learn things the hard way it seems. I have a few other code issues on the forum, if you have time can you take a look? Nw, if not. Thanks again! I will be putting some coin in your purse regardless xx

Hi there! This is the code I am using to create a hover effect on my primary button, see below. I know I have gotten something (or more than a few somethings) wrong because the css is unaffected. I want the button to be transparent but on hover to have the same color gradient as my footer (when it is fixed). https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023 //HOVER PRIMARY BUTTON GRADIENT// .sqs-button-element--primary:hover { background: #00FFFFFF; background: -webkit-linear-gradient(to left, #fe9c37, #da6026, #114155, #3b97b6, #693237); background: linear-gradient(to left, #fe9c37, #da6026, #114155, #3b97b6, #693237) }

tried this as well- .footer { background-image: linear-gradient(89deg, #fe9c37, #da6026, #114155, #3b97b6, #693237); background-size: 1000% 1000%; animation: AnimationName 30s linear infinite; } @keyframes AnimationName { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }

Hi there, I am recoding my website after looking all my code. I was able to code this footer months ago but it is not working for me now. I am not sure if I am targeting this the correct way. I don't remember what I did I think it was the code below: .footer { background: linear-gradient(90deg, #fe9c37, #da6026, #114155, #3b97b6, #693237); background-size: 1000% 1000%; -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; } @-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023

Hi Ziggy! About an hour ago I saw that my custom code for my whole site had vanished. I don't know what happened. One minute it was there and then everything was gone. I couldn't find it in the wayback machine so I am starting from square one after some light crying. I now have a text edit file with my code. I am lucking that I am so terrible at this that most of my custom code had problems so I have a record of my code fails here 🙂 My custom fonts are reloaded, I am rebuilding my hero section now and I am having this line break issue again. Even with your code above. I am not sure the issue this time. Can you eyeball again?

https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023

I this code for fluid engine? I am trying to replicate but it is not working. Also I am using the font style in my pack, hex color codes and trying to apply to all of my primary buttons. Specifically the one in my navbar. This is the gradient color and angle, I'd like to use if possible since it matches my homepage: (270deg, #fe9c37, #da6026, #114155, #3b97b6, #693237)

Hi Ziggy, me again! Question: is there a way I can increase the spacing in between the anchor links? I would like the links to span horizontally more.

Ziggy, you are not a black ponytail holder but you stay pulling us together. And for that I say thank you.

Hi Ziggy thanks for testing this on your end. I am still trying to get to the bottom of this issue. This is the code that I am using and my links are still stacked: //HORIZONTAL CONTENT NAV// [data-section-id="650b27611a98ab7b6b894352"]html-block p { display: inline-block; margin: 0 20px; } [data-section-id="650b27611a98ab7b6b894352"]html-block { padding-bottom: 0 !important; text-align: center; } [data-section-id="650b27611a98ab7b6b894352"]content-wrapper { padding-top: 20px !important; padding-bottom: 20px !important; } [data-section-id="650b27611a98ab7b6b894352"]{ background-color: #fafafa; box-shadow: 0 3px 20px rgba(0,0,0,0.08); min-height: 0 !important; position: sticky !important; -webkit-position: sticky !important; top: 0; z-index: 999; }