alisonriley22 Posted October 28, 2022 Share Posted October 28, 2022 I had previously uploaded 2 custom fonts and had them set for my headings. Everything was working great. Something recently happened/changed and now all my headings have changed to a simple times new roman font. When I look at my CSS, all the coding looks the same, but the fonts previews (in the manage custom files section) are not showing the correct font. I am worried about going in and playing with the CSS as it took me FOREVER when I was originally creating the website. Is there a simple fix? Do I need to re-upload the fonts? I will copy and paste the code below in a comment in case that helps. Link to comment
alisonriley22 Posted October 28, 2022 Author Share Posted October 28, 2022 /* FORM STYLE 3 CSS */ .field-list .field-element{ border-color: #4b5645!important; border-bottom: solid 2px #4b5645 !important; border-left: none !important; border-right: none !important; border-top: none !important; border-radius: 0px; background-color: transparent !important; } .field-list select:focus{ outline: none; } .field-list .section{ border-color:#4b5645 !important; } .form-button-wrapper .button{ color: #fff !important; border-color: transparent; background-color: #a85e39; } section[data-section-id="606b6ab3c43a747c4075f02c"], section[data-section-id="6067268bbaa85b54545e45aa"], section[data-section-id="6067268bbaa85b54545e45b0"], section[data-section-id="6074762086b5824591dea500"], section[data-section-id="6074762086b5824591dea504"], section[data-section-id="60746fbdab6edb6654d2c8c9"], section[data-section-id="60746fbdab6edb6654d2c8cb"], section[data-section-id="60747189932ee7650cddf8f2"] { overflow-x: hidden !important; overflow-y: hidden !important; .sqs-block-image { padding-top: 0% !important; padding-bottom: 0% !important; } .content-wrapper { padding-left: 0px !important; padding-right: 0px !important; display: contents; } } section[data-section-id="60746fbdab6edb6654d2c8cb"], section[data-section-id="6074762086b5824591dea502"] { overflow-x: hidden !important; overflow-y: hidden !important; .sqs-block-image { padding-top: 0% !important; padding-bottom: 0% !important; } } @font-face { font-family: 'AUDREYBOLD'; src: url('https://static1.squarespace.com/static/6024597dfaf33b6f61bb0581/t/60247956f1cf4340efe86339/1613003095058/Audrey-Bold.otf'); } h3 {font-family:AUDREYBOLD;} h4 {font-family:AUDREYBOLD;} #site-title {font-family:PUMPKIN;} #header-nav--primary {font-family:PUMPKIN;} @font-face { font-family: 'PUMPKIN'; src: url('https://static1.squarespace.com/static/6024597dfaf33b6f61bb0581/t/602479d132e7a203b0042899/1613003219579/Pumpkin+Pie+Lattes+FREE.ttf'); } h1 {font-family:PUMPKIN;} h2 {font-family:PUMPKIN;} em {font-family:PUMPKIN; font-style:normal !important; } #block-db77fe5b83fe7332c296 { h3 { color: #a85e39 !important; } } section[data-section-id="606dafa961e32f000408f201"] { p { color: #fff !important; line-height: 1.8em !important; font-size: 20px !important; } h3 { color: #fff !important; font-size: 25px !important; line-height: 2.6em !important; } .sqs-gallery-design-carousel-slide .summary-content { flex: 1; } .sqs-block-summary-v2 .summary-excerpt strong { font-family: AUDREYBOLD !important; } /*ARROWS */ .summary-carousel-pager .previous { position: absolute !important; left: -60px !important; right: inherit !important; top: 20% !important; color: #fff !important; } .summary-carousel-pager .next { position: absolute !important; left: inherit !important; right: -40px !important; top: 20% !important; color: #fff !important; } .sqs-gallery-controls .next:before { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } .sqs-gallery-controls .previous:before { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } } section[data-section-id="6074762086b5824591dea504"] { p { color: #343b36 !important; line-height: 1.8em !important; font-size: 20px !important; } h3 { color: #343b36 !important; font-size: 25px !important; line-height: 2.6em !important; } .sqs-gallery-design-carousel-slide .summary-content { flex: 1; } .sqs-block-summary-v2 .summary-excerpt strong { font-family: AUDREYBOLD !important; } /*ARROWS */ .summary-carousel-pager .previous { position: absolute !important; left: -60px !important; right: inherit !important; top: 20% !important; color: #343b36 !important; } .summary-carousel-pager .next { position: absolute !important; left: inherit !important; right: -40px !important; top: 20% !important; color: #343b36 !important; } .sqs-gallery-controls .next:before { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } .sqs-gallery-controls .previous:before { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } } Link to comment
Caroline_Smith Posted October 28, 2022 Share Posted October 28, 2022 I would try reuploading the fonts. I can't think of what else could be happening. I have noticed recently that the images uploaded using "Manage Custom Files" have been changing randomly, causing me to have to change my CSS. I don't know why. Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator Link to comment
alisonriley22 Posted October 28, 2022 Author Share Posted October 28, 2022 I just re-uploaded the fonts - now the previews show the correct font, but it is still not changing the headings on my actual website 😞 Link to comment
Caroline_Smith Posted October 28, 2022 Share Posted October 28, 2022 Have you tried clearing your cache? Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator Link to comment
Taylor_VXXN Posted October 31, 2022 Share Posted October 31, 2022 All of the colors on my website suddenly reset every color to black over the weekend and I am just noticing today as I logged in again. Looks like the timing may align with yours and could be a bigger squarespace issue?? Is there a way to go back to an older version of the website? Link to comment
paul2009 Posted October 31, 2022 Share Posted October 31, 2022 5 minutes ago, Taylor_VXXN said: All of the colors on my website suddenly reset every color to black See this thread. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
ashleemundywebsitede Posted April 30 Share Posted April 30 This has also happened to me for a client's site! I'm not even using custom fonts on this site. I can see all the correct fonts in editing mode but the live mode suddenly changed last week all to Times. I removed the (very limited) custom CSS, cleared my cache, opened it in an incognito window. I've scrubbed the backend for any additional coding the client might have put in (she didn't but I wanted to double check). I am stumped. I don't know what to do or how to make the live site reflect the original design. It looks terrible with Times all over the site. Can anyone help? https://www.abovebeyondweddingdesigns.com/ Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment