goodmajick

[data-website-fonts] h1 {font-family: 'FONT_NAME' !important; text-transform: uppercase !important;} I had to add the first [ ] bracket before the h1 selection AND label the font AND transformations as !important and this is what worked for my case. I hope I don't have to add the var(FONT_NAME or TRANSFORMATION) to all my projects, but time will tell!

@Ziggy Thanks! I'm starting with assessing how may of my sites are affected. I understand that this is a rollout, so I'll keep monitoring thru the 28th.

Also, to anyone reading this thread with the same problem - check the release notes for a workaround / info about the new language. My heading fonts were not loading because they were the only ones I did not use the !important; override with (p and other element specific styles all had the override; so only the generic H1, H2 and H3 instances on my website are currently broken)

@Ziggy Thanks, friend! I haven't checked the release notes yet today. This is helpful to know.

Anyone experiencing their custom fonts suddenly not loading on their website? (Specifically their heading fonts). I have not altered any of my CSS for a while. Has some of the Squarespace language changed?

Hiya! Old thread, I realize- but I've found the actual vanilla config for this. In your color themes, find the primary one that your site is treating as a default (when you go to add a new section, it's probably the one that Squarespace is picking for you by default). Find the Background option and change this to the color you would like your Safari mobile top and bottom to be:

Hiya! Old thread, I realize- but I've found the actual vanilla config for this. In your color themes, find the primary one that your site is treating as a default (when you go to add a new section, it's probably the one that Squarespace is picking for you by default). Find the Background option and change this to the color you would like your Safari mobile top and bottom to be:

This issue happened for me today (briefly) and resolved itself. I'm chiming in in case anyone is headed to this thread looking for updates on current occurrences. It then resolved for me, but persists with my client, who can view her admin dashboard normally with the Safari browser, but not Google Chrome.

@tuanphan THANK YOU for your continued help! This additional code snip worked great. The blog thumbnail images are no longer active as links - and this fixes my problem.

@tuanphan Absolutely. Page link for the blog in question is: https://mdiicecream.squarespace.com/media Password is: MDI12345

@tuanphan You're a LEGEND! Thank you for this code. It has solved the problem of the blog post TITLES linking directly to the source articles. I am, however, still having a problem with getting the IMAGES corresponding with the blog title to link directly to the source articles. Is there something I am overlooking?

@tuanphan I am also wondering what the fix is that you have (with a business plan). Thanks Tuanphan! Link: https://mdiicecream.squarespace.com/media Password: MDI12345 I am using the standard blog presentation; not a summary block (I'd prefer not to use a summary block if possible)

Switching to Chrome has been my solution. Also, the new Fluid editor doesn't work for me in Firefox, so Chrome it is. I can't believe how much smoother everything works! I wonder if I have some browser extensions in my Firefox that are getting in the way?

Hey all and anyone still having an issue with this like I was. I resolved this issue by contacting support and they opened up a ticket to look into it for me. Squarespace fixed the issue for me. In my help chats, I was offered the following troubleshooting points which may help you: Remove any NBSP spaces added before the title, and any line break spacing above the first character in the popup's body content. Remove all CSS used to style the popup.

I am having this issue today. I've tried viewing the updated site in private browsing windows, refreshing the edit in the panel, refreshing the Squarespace editing dashboard page and also clearing my browser cache and cookies. Anyone have any insight? This issue is beyond me.

@tuanphan I've been looking for this solution everywhere. THANK YOU! You truly are a legend.

I've had this issue for a while. Typically during a design session, I'll clear my browser (Firefox) cache and cookies about seven times around the point where it's saved around 70-95. Lately this hasn't helped like it magically used to. Just like you all, the lag is about 15 seconds to 30 seconds for a placed cursor to activate, etc. (any action, really). It's so bad today, I'm finally chiming in. I have slow internet, but my computer has a powerful processor. I manage about 7 sites in my account, and most have a good deal of custom CSS that predated the new 'Site Styles' feature. Maybe this is a contributing factor. Any insight into how I can fix this? I think that it may be an issue with my internet speed because the other day I had incredibly fast internet and the editing features were working much better, but still not great. I'll update this post once I replace my router. My upload speed is 5.8 right now and download speed is 68.5. This has got to be the issue, right? UPDATE: I just replaced my router and the issue persists. Squarespace outright will not let me edit any pages now it's so slow. I'll continue to update once I upgrade my modem. UPDATE: Switching browsers works in a pinch

Hi, friend. Thank you for taking the time to help! It has not been resolved. I was able to fix the heading text size with this bit of CSS: /* MAJICK SHOPPE page heading fixed size mobile scrolling */ @media screen and (max-width:767px) {div#block-7f3799c9b1aaa41a9098 h1 {font-size: 62px !important;}} But this only works to control the size of the text, and not the background/section block from growing and shrinking in size. I also need to create individual bits of code to target each page's headings.

Hi Tuan! You are amazing. I've followed so much of your advice and owe almost all of my website's css to you. I am experiencing the same issue as the original poster here. I've used your suggested addition (and changed the data section ID to reflect my own page), but am still experiencing the issue with the first header block's background growing in size as you scroll on mobile. Do you have any suggestions? I've prevented the heading from growing in size with this snippet of yours: /* Pricing Heading */ @media screen and (max-width:767px) {div#block-05499f143cfdad7f5377 h1 {font-size: 42px !important;}} The page is: https://voltaclimbing.com/pricing (password: 12345) This is the CSS I'm using to target the header BG growing: /* Pricing Heading BG */ @media screen and (max-width:767px) {[data-section-id="614b7907c73c910a2ae155fd"] {padding-top: 100.984px !important; }}

Site URL: http://www.goodmajick.com/shop Hello everyone, I’m looking for help with a site-wide issue I’m having with my mobile layouts. (This only happens on mobile devices, and I can’t recreate it with desktop/laptop browser inspect tools or by changing the width of the window to force the mobile layout) When you scroll, the entire header block gets larger and smaller, and it pushes the content around on the page even far down when you’re scrolling the content jumps up and down. Thanks for any insight you can offer! This link demonstrates how the content jumps around as you keep scrolling, I think all due to that header growing and shrinking: http://www.goodmajick.com/shop-faq Heres a demo of the phenomenon: IMG_4623.MP4