jello76

Thank you so much!!

Holy cow. What did you do? That fixed everything! Thank you so much!!

It seems it's not just the font that quit now. None of it is working. It was all fine yesterday. Today no code is working.

www.flippedpot.com //ADDING BLITHE FONT// @font-face { font-family: 'Blithe'; src: url(https://static1.squarespace.com/static/6442e77bd742137cdac58347/t/64e06f84398b362f22675198/1692430212975/Blithe.ttf) ; } //ASSIGN BLITHE FONT// H2 {font-family: 'Blithe'!important;} h2 {font-family: 'Blithe'!important;} h3 {font-family: 'Blithe'!important;} h4 {font-family: 'Blithe'!important;} .header-title-text a {font-family: 'Blithe'!important;} .header-nav-item a {font-family: 'Blithe' !important;} .header-actions-action .btn {font-family: 'Blithe' !important;} .newsletter-form-header-title {font-family: 'Blithe' !important;} .newsletter-form-header-description p {font-family: 'Blithe' !important; } .blog-title {font-family: 'Blithe' !important;} .blog-item-title h1.entry-title { font-family: 'Blithe' !important;} //Header Page Navigation// .header-nav-item {transform:scale(1.35)} .header-nav-item a:hover {fill:#4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #4DDDFA)} .header-title-text a:hover {fill:#4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #FFBD1A)} //Footer// #block-8188f18f25f9775f971b a:hover {transform:scale(1.1); filter:drop-shadow(2px 2px 0px #1D2B2E)} #block-560cba48d0f3f630c25f a:hover {transform:scale(1.1); filter:drop-shadow(2px 2px 0px #4DDDFA)} //GOT a Clay Body Font-JOIN Page// #block-e9b88c380a32a83748ed .Marquee * {color: #fffdef; text-shadow: 2px 2px #fae667} // Hamburger Menu Colour // .burger-inner > div { background-color: #FFBF00 !important} //Home Page-text Shadows// #block-9c44ae1b36fb44428ad8, #block-a27d1a533e03ab9b75b3, #block-560a12eb844f0cc9ca92, #block-f09b4c0635104b004729, #block-yui_3_17_2_1_1685331130972_8881, #block-yui_3_17_2_1_1691629636425_264199 {text-shadow: 2px 2px #1D2B2E} #block-yui_3_17_2_1_1691629636425_264199 //Join Page-text Shadows// #block-daa1e0b10db7d6adf11e, #block-15f518e5d6e5f713e3cf, #block-87c4c3d73dafc9fbd919, #block-b339df5b2a88c921f06d, #block-23aba0bd02ddc0924090, #block-a4075e9c4e491fbbcdfa, #block-39e88ad10eae1ed4faed, #block-e1f63c9e53ffe4d8d571, #block-1002413a6e3240dfebdf {text-shadow: 2px 2px #FFBD1A} #block-721bb27edb37d38c4168, #block-773fd85ce499d8f0ddde, #block-ae2e87ae7f933bace4b8, #block-1f32c4344cdf946f8abf {text-shadow: 2px 2px #FFBD1A}, Marquee* {color:FAE667!important} //SOCIAL ICONS-header// .header-actions .icon--fill svg {fill: #FFBD1A!important} .header-actions .icon--fill svg:hover {fill:#4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #FFBD1A)} //SOCIAL ICONS-mobile only// .header--menu-open .header-menu .icon svg {fill: #FFBD1A!important} .header--menu-open .header-menu .icon svg:hover {fill: #4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #FFBD1A)} .header .header-actions, .header .header-actions-action--social {display: flex} .header .header-title-nav-wrapper {flex: 47%;} @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-actions--center .header-actions-action--social .icon:not(:first-child) {margin-left: 1vw;}} @media only screen and (max-width:767px) {.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title {padding-right: 1vw; }} //SOCIAL ICONS-page// .sqs-use--icon {fill: #4DDDFA!important;} .sqs-use--mask {fill: #FAE667!important;} //Center button Media Only// @media only screen and (max-width:640px) { .image-button-inner {text-align: center !important;} } //ABOUT PAGE flipped Q// #block-yui_3_17_2_1_1684088496765_10387 {transform:rotate(-15deg)} #block-yui_3_17_2_1_1684088496765_10387 {text-shadow: 2px 2px #1D2B2E} //ABOUT PAGE BIO PIC MOBILE VIEW// @media only screen and(min-width:641px) {section[data-section-id="6473b61df8ae6511b11b1af9"]{display:none}} @media only screen and (max-width:640px) {section[data-section-id="64605695b4e058414712309e"]{display:none}}

www.flippedpot.com //ADDING BLITHE FONT// @font-face { font-family: 'Blithe'; src: url(https://static1.squarespace.com/static/6442e77bd742137cdac58347/t/64e06f84398b362f22675198/1692430212975/Blithe.ttf) ; } //ASSIGN BLITHE FONT// H2 {font-family: 'Blithe'!important;} h2 {font-family: 'Blithe'!important;} h3 {font-family: 'Blithe'!important;} h4 {font-family: 'Blithe'!important;} .header-title-text a {font-family: 'Blithe'!important;} .header-nav-item a {font-family: 'Blithe' !important;} .header-actions-action .btn {font-family: 'Blithe' !important;} .newsletter-form-header-title {font-family: 'Blithe' !important;} .newsletter-form-header-description p {font-family: 'Blithe' !important; } .blog-title {font-family: 'Blithe' !important;} .blog-item-title h1.entry-title { font-family: 'Blithe' !important;} //Header Page Navigation// .header-nav-item {transform:scale(1.35)} .header-nav-item a:hover {fill:#4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #4DDDFA)} .header-title-text a:hover {fill:#4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #FFBD1A)} //Footer// #block-8188f18f25f9775f971b a:hover {transform:scale(1.1); filter:drop-shadow(2px 2px 0px #1D2B2E)} #block-560cba48d0f3f630c25f a:hover {transform:scale(1.1); filter:drop-shadow(2px 2px 0px #4DDDFA)} //GOT a Clay Body Font-JOIN Page// #block-e9b88c380a32a83748ed .Marquee * {color: #fffdef; text-shadow: 2px 2px #fae667} // Hamburger Menu Colour // .burger-inner > div { background-color: #FFBF00 !important} //Home Page-text Shadows// #block-9c44ae1b36fb44428ad8, #block-a27d1a533e03ab9b75b3, #block-560a12eb844f0cc9ca92, #block-f09b4c0635104b004729, #block-yui_3_17_2_1_1685331130972_8881, #block-yui_3_17_2_1_1691629636425_264199 {text-shadow: 2px 2px #1D2B2E} #block-yui_3_17_2_1_1691629636425_264199 //Join Page-text Shadows// #block-daa1e0b10db7d6adf11e, #block-15f518e5d6e5f713e3cf, #block-87c4c3d73dafc9fbd919, #block-b339df5b2a88c921f06d, #block-23aba0bd02ddc0924090, #block-a4075e9c4e491fbbcdfa, #block-39e88ad10eae1ed4faed, #block-e1f63c9e53ffe4d8d571, #block-1002413a6e3240dfebdf {text-shadow: 2px 2px #FFBD1A} #block-721bb27edb37d38c4168, #block-773fd85ce499d8f0ddde, #block-ae2e87ae7f933bace4b8, #block-1f32c4344cdf946f8abf {text-shadow: 2px 2px #FFBD1A}, Marquee* {color:FAE667!important} //SOCIAL ICONS-header// .header-actions .icon--fill svg {fill: #FFBD1A!important} .header-actions .icon--fill svg:hover {fill:#4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #FFBD1A)} //SOCIAL ICONS-mobile only// .header--menu-open .header-menu .icon svg {fill: #FFBD1A!important} .header--menu-open .header-menu .icon svg:hover {fill: #4DDDFA!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px #FFBD1A)} .header .header-actions, .header .header-actions-action--social {display: flex} .header .header-title-nav-wrapper {flex: 47%;} @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-actions--center .header-actions-action--social .icon:not(:first-child) {margin-left: 1vw;}} @media only screen and (max-width:767px) {.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title {padding-right: 1vw; }} //SOCIAL ICONS-page// .sqs-use--icon {fill: #4DDDFA!important;} .sqs-use--mask {fill: #FAE667!important;} //Center button Media Only// @media only screen and (max-width:640px) { .image-button-inner {text-align: center !important;} } //ABOUT PAGE flipped Q// #block-yui_3_17_2_1_1684088496765_10387 {transform:rotate(-15deg)} #block-yui_3_17_2_1_1684088496765_10387 {text-shadow: 2px 2px #1D2B2E} //ABOUT PAGE BIO PIC MOBILE VIEW// @media only screen and(min-width:641px) {section[data-section-id="6473b61df8ae6511b11b1af9"]{display:none}} @media only screen and (max-width:640px) {section[data-section-id="64605695b4e058414712309e"]{display:none}}

I am having the same issue. It just started last night. No response from customer support. (I did get a survey monkey from them, but no response on the issue.) Custom font stopped working first, now I don't see any CSS that's working. It's seriously stressing me out. Had anyone found a solution on this? www.flippedpot.com

My issue just began today, but wasn't there before. Is this a new issue? Or maybe it wasn't fixed?

Ziggy, My font isn't working now. I tried adding !important, but it didn't help. Any ideas? Also, what is circle? www.flippedpot.com //ASSIGN BLITHE FONT// @font-face { font-family: 'Blithe'; src: url('https://static1.squarespace.com/static/6442e77bd742137cdac58347/t/64e05d36b19a7471e37ed1e7/1692425526474/Blithe.otf'); } h1 {font-family:'BLITHE'!important;} h2 {font-family:'BLITHE'!important;} h3 {font-family:'BLITHE'!important;} h4 {font-family:'BLITHE'!important;}

I have had a custom font in my css code for months, and all of a sudden it isn't working. I didn't change the code, the file or touch anything in it. It simply isn't working. Has anyone else seen this? I am wondering if the recent updates did something.

I am trying to do the same thing, but there is something wrong in my code elsewhere. After adding social media icons to my header, I can't get the logo centered. I am sure there is something I am missing. Every time I get the logo centered, my social icons disappear. www.flippedpot.com I already have the following: .header .header-actions, .header .header-actions-action--social {display: flex} .header .header-title-nav-wrapper {flex: 47%;} @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-actions--center .header-actions-action--social .icon:not(:first-child) {margin-left: 1vw;}} @media only screen and (max-width:767px) {.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title {padding-right: 1vw; }} Thank you!