Jump to content

Scrolling marquee sometimes cuts off text

Go to solution Solved by lamdra,

Recommended Posts

Posted

Site URL: https://yampa-icehouse.squarespace.com

I'm using the scrolling block for the first time. And after adding some CSS code to control the font in there it's acting very strangely. Even if I pull the code out it remains all cut off. Anybody experience this before? 

I'll attach how it looks currently and how it should look...

site: https://yampa-icehouse.squarespace.com

pass: smok

CSS I'm using to edit the contents:

div.marquee-block * {
  font-family: 'atrament-web'!important;
  font-weight: 500!important;
  letter-spacing: 0.05em!important;
  text-transform: uppercase!important;
  line-height: 0em!important;
  padding-top: 0px!important;
}

section[data-section-id="62bf411d5f0d75795dcecb37"] { 
  .content-wrapper {
  padding: 0 !important;
  max-width: 100vw;
  }
}

Appreciate any insight into why this is happening. Thanks!

 

Screen Shot 2022-07-01 at 3.47.21 PM.png

Screen Shot 2022-07-01 at 3.50.50 PM.png

Posted
16 hours ago, tuanphan said:

Try access this link & try again

https://yampa-icehouse.squarespace.com/config/safe

If problem still appears, I think you should contact Squarespace Customer Care

When I hit that link the "/safe" piece just gets reset to the "/config" so I'm not sure I'm able to access whatever's there. It still has the issue so I'll reach out to customer care. Thanks for looking into it.

  • Solution
Posted
9 hours ago, lamdra said:

When I hit that link the "/safe" piece just gets reset to the "/config" so I'm not sure I'm able to access whatever's there. It still has the issue so I'll reach out to customer care. Thanks for looking into it.

This is what I got from Customer Care. Not a ton of guidance but I started limiting the edits In the code to as little as possible and it now seems to be cooperating. If anyone runs into this same issue I'll include my final CSS below for the scrolling block.

Updates to the platform can cause a site's custom code to behave differently or break. This means custom code can interfere with your site's behavior or stop working at any time, even if it previously worked or wasn't interfering.
 
Because of this, we can't ensure that any custom code will be compatible with the platform. To learn more, visit our guide:
 
https://support.squarespace.com/hc/articles/205815928
 
As a troubleshooting step, you may want to consider removing the custom code, saving the changes, deleting the scrolling block, then adding a new one. 
 
I hope that you find the above information helpful. Please let us know if you need additional assistance - we're here 24/7 and always happy to help.

/* Scrolling Block Adjust */
div.marquee-block * {
  font-family: 'atrament-web' !important;
  font-weight: 500 !important;
  padding-top: 1px !important;
}
 

Like I said, kept it pretty basic and it seems to working for now.

Posted

/safe means disable all custom on the site. If you visit that link, the scrolling block works again, meaning the custom code is causing the problem, otherwise, the problem is from Squarespace. From there you can know the next direction to do, for the current problem as well as the same in the future.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 1 year later...
Posted

Quick double post update. After contacting support I was informed that they are actively aware of the issue and are working on a fix for the next update. They fixed the broken block on my site and cleared the site's cache.

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.