Aurora

Hey Paul, your link to CookieScript isn't working for me. Can you repost? Many thanks!

Thanks so much for your reply! I appreciate it. When you say it's a common problem within Squarespace, what exactly IS the problem? Is the problem that the code blocks can't be minimized? Also, can I just mix sections using the classic editor and section using fluid engine? For some reason, I thought I had to pick one. Many thanks!

Thanks so much for your help! I think it's working. I have them both up on the site now to compare. Would you be so kind as to explain to me why, so that I know how to deal with this in the future? I've never used the classic editor anywhere on my site, and this is also the first plugin I've ever used. I've also noticed on mobile that the classic editor version's newsletter description is more narrow than the one built with fluid engine. Is this to be expected?

Hi Sam, I tried this code but it doesn't work on my site. I've uploaded Google's Crimson Text in regular, italic, semi-bold 600, and semi-bold 600 italic. But on my site, it's using the bold 700 and bold 700 italic styles. Can you assist with this? This is my website: https://www.kristinkuehn.com Password: 2eRFn7gQ This is my code relating to fonts below: // My own regular font @font-face { font-family: CrimsonTextRegular; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/6509d0807e6fd40c6b635a1d/1695142016438/CrimsonText-Regular.ttf); } // ALL text everywhere html * {font-family: 'CrimsonTextRegular' !important; } // My own italic font @font-face { font-family: CrimsonTextItalic; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/65424524ad047a58af5ddb75/1698841893061/CrimsonText-Italic.ttf); } // Italic text everywhere html * em { font-family: 'CrimsonTextItalic' !important; font-style: normal !important; } // Italic text in navigation .header-nav-item a { font-family: 'CrimsonTextItalic' !important; font-style: normal !important; } // My own bold font semi-bold 600 @font-face { font-family: CrimsonTextSemiBold; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/6549f8b37dff30592cef97cd/1699346611417/CrimsonText-SemiBold.ttf); } // Bold text everywhere html * b, strong { font-family: 'CrimsonTextSemiBold' !important; font-style: normal !important; } // My own bold italic font semi-bold 600 @font-face { font-family: CrimsonTextSemiBoldItalic; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/654deaae3fb4394cc9158bbc/1699605166469/CrimsonText-SemiBoldItalic.ttf); } // Bold italic text everywhere html * b, strong em { font-family: 'CrimsonTextSemiBoldItalic' !important; // bold and italics font file name here font-style: normal !important; } // Change bold font weight strong { font-weight: 600 !important; }

Thank you! I don't know what jQuery code is, so it's probably best I stick to using the code block manually on each page. Do you have any advise for me regarding the code block on mobile? (see my last reply)

It's not that 0.3s isn't long enough; it's that it's working when I hover over it, but when I remove the cursor, it pops back, so it's less than 0.3s.

Hi! On my blog post page, I'm pulling in a newsletter block via the Section Loader Supreme plugin from Will Myers. It's working well on desktop, but I'm having a problem on mobile where the text below the name and email fields is overlapping the fields. I'm using code to hide the last name field. There is a code block behind the newsletter block on desktop, but on mobile, it's stacked below, so perhaps this is what's causing the overlapping issue. What can I do? Can I move the code block behind the newsletter block on mobile? Is that okay to have code blocks behind text blocks? Website: https://www.kristinkuehn.com Password: 2eRFn7gQ Many thanks!

@Ziggy I reached out to the customer support for the Will Myers plugin that I'm using to pull in a newsletter signup at the bottom of my blog posts. I'm having an issue where content is overlapping on mobile, which might be caused by the code block below. They said that in desktop, the code block is behind the newsletter signup, whereas on mobile, it's below. I wasn't even aware that it creates code blocks on my site whenever I add a pieve of code in the back-end. All of this is new to me. I'm wondering if it might resolve the overlapping issue if I move the code block on mobile behind the newsletter block. Is that possible and recommended? I was under the impression that I should avoid overlapping blocks.

Thank you, but it's not working. It's still popping back too quickly.

Many thanks!

Thank you! How would I write this for bold italic though? // Use this font for italics tex html * em { font-family: 'Crimson Text Italic' !important; font-style: normal !important; } // Use this font for bold text html * b, strong { font-family: 'Crimson Text Bold' !important; font-style: normal !important; }

For whenever I want to change anything anywhere... I thought it would be the same as for the italic style and the bold style, italic bold being another style since that's a separate file that I've downloaded when I downloaded the entire font family, see here: https://fonts.google.com/specimen/Crimson+Text Does that make sense?

What code would I use for the bold italic style?

Thank you so much for all of your help with this! I appreciate it.

I'm so sorry, I was wrong about the buttons, they're picking up Crimson Text. The site navigation seems to be the only place that didn't pick up the italic style. Why I don't understand... I'm confused now about the new code you suggested. Are you suggesting that in place of this: html * {font-family: 'Crimson Text' !important;} And I would do the same (replace html * with h1, h2, h3, h4, .sqsrte-large, p, .sqsrte-small?) for the italic style?