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! Squarespace Resources: How to Find Page Section IDs in any Browser, 6 Places to Add Custom Code to Your Squarespace Site, Generate a Product Comparison Table - Responsive and No Coding Required 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! Squarespace Resources: How to Find Page Section IDs in any Browser, 6 Places to Add Custom Code to Your Squarespace Site, Generate a Product Comparison Table - Responsive and No Coding Required 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. Improve your online store with our extensions.About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation 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.Buy me a coffee 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