Jump to content

Aurora

Member
  • Posts

    140
  • Joined

  • Last visited

Everything posted by Aurora

  1. Hey Paul, your link to CookieScript isn't working for me. Can you repost? Many thanks!
  2. 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!
  3. Hey Sam, thanks for your reply! Originally, I had only uploaded the regular style to my website. When I specified italic using the text editor, it would use a fake italic style instead of the original Crimson Text italic style. I've since added the italic style. For that reason, I thought I had to upload the other styles as well if I wanted to make sure I get the original ones. I felt confused and overwhelmed by your suggestion, partly because I don't understand it completely. I do need the regular style, so I can't just delete the code, can I? Same for the italic style... In the meantime, I've noticed that while Chrome seems to be picking up the Bold 600 style, Safari doesn't. Is that perhaps a further clue as to where the problem may be? Many thanks, Kristin
  4. 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?
  5. 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; }
  6. 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)
  7. 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.
  8. 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!
  9. @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.
  10. Thank you, but it's not working. It's still popping back too quickly.
  11. 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; }
  12. 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?
  13. What code would I use for the bold italic style?
  14. Thank you so much for all of your help with this! I appreciate it.
  15. 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?
  16. Thanks so much for taking the time to explain! To simplify things for myself, I'm using only one font family (Google's Crimson Text) on my entire website. I've uploaded the font to my website to comply with data privacy laws in Germany. In Squarespace, I've set all styles to a system font, i.e. Georgia. What I'm unsure of is if I need to assign headers, paragraphs, etc. individually in order to have everything working properly? Or if I can assign Crimson Text to "all text everywhere" since I'm only using one font family? I was under the impression that it's possible to assign one font family to all text everywhere on my website. (I had read something like that somewhere online.) BUT, I learned that I needed to assign the italic style to my site navigation individually, otherwise it wasn't picking up the italic style. That made me wonder if I needed to do the same for other places on my website? Or how I could test that? In other words, is the code that I'm currently using assigning Crimson Text to all text everywhere? Or is that even possible?
  17. Can I ask you one more question? Why do I have to specifically target the navigation for the italic style? I'm asking because I'm worried that there might be other places that I'm currently unaware of that I would have to specifically target as well.
  18. Thank you SO much! It looks great now ❤️ I have one more question. I'm not using any bold styles on my website atm, but if I should use them in the future, would I need to upload those styles as well? Many thanks!
  19. Hi, I've uploaded Google's Crimson Text regular and italic to my website. 1. I'm unsure if punctuation is displayed correctly. I've attached a screenshot where you can see it for regular and italic text. The punctuation for the regular style seems wrong on my website compared to what's on Google's: https://fonts.google.com/specimen/Crimson+Text/glyphs Why? How can I fix it? 2. Do I need to upload the bold styles, too, in order to make sure that everything is displayed authentically? 3. On Google's website, it says: Is this relevant for me? Do I need to change my code? My website: https://www.kristinkuehn.com Password: 2eRFn7gQ My code: // My own regular font @font-face { font-family: Crimson Text; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/6509d0807e6fd40c6b635a1d/1695142016438/CrimsonText-Regular.ttf); } // My own italic font @font-face { font-family: Crimson Text Italic; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/65424524ad047a58af5ddb75/1698841893061/CrimsonText-Italic.ttf); } // ALL text everywhere html * {font-family: 'CrimsonText' !important;} // Italic text everywhere html * em { font-family: Crimson Text Italic !important; font-style: normal !important; } // Italic text in navigation .header-nav-item a { font-family: Crimson Text Italic !important; font-style: normal !important; } Many thanks!
  20. Thanks so much, Ziggy! The navigation is now picking up the italic style. It's such a relief to get that figured out! I don't know why my brain was telling me that the announcement bar had italic text... Do you still feel like there's anything wrong with the font file though? You've mentioned that yesterday.
  21. I changed the code, but navigation and announcement bar are not changing. Any idea why? This is all the code I have on fonts: /* My own regular font */ @font-face { font-family: Crimson Text; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/6509d0807e6fd40c6b635a1d/1695142016438/CrimsonText-Regular.ttf); } /* My own italic font */ @font-face { font-family: Crimson Text Italic; src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/65424524ad047a58af5ddb75/1698841893061/CrimsonText-Italic.ttf); } /* ALL text everywhere */ html * {font-family: 'CrimsonText' !important;} // Italic text everywhere html * em { font-family: Crimson Text Italic !important; font-style: normal !important; }
  22. Ziggy, thanks! I changed the code, and now the font looks the same on both browsers. It looks like Crimson Text, wouldn't you agree? (see first two screenshots) However, I noticed that it looks a bit crooked when I only put part of a sentence in italics, like on the above the fold. (see third screenshot) Is that typical? I still have the problem that not all the font on the website is being affected. Navigation and announcement bar are some places that I'm aware of. Is it possible to target all text everywhere, like I did for the regular style, as long as I'm only using one font family on the entire site: /* ALL text everywhere */ html * {font-family: 'CrimsonText' !important;}
×
×
  • 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.