chr1sbrown Posted May 27, 2022 Share Posted May 27, 2022 Hi everyone, Our site started to display all the paragraph text in uppercase the other day and I'm not sure why. The headings have been set to uppercase fora long time now, but suddenly the paragraph text has changed too and I'm not sure why. I've looked at the site CSS and cannot see what the problem is (if that is the problem) and I was wondering if anyone had any ideas? The site is https://www.verylargehugegames.com and I've copied the custom CSS below in case anyone can help. Thanks! @font-face { font-family: 'Century-Gothic'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b65fcdef695f7cbae3eed4/1639342029431/07558_CenturyGothic.ttf);} @font-face { font-family: 'FC2035_AlienFont_v3'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61d4a063b938511dfaf6ee33/1641324643713/FC2035_AlienFont_v3.ttf);} @font-face { font-family: 'Silk-Remington'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b65fdf8471045298ca8a00/1639342047305/SilkRemington-SBold.ttf);} @font-face { font-family: 'Noto-Sans'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b65fe53abfad17364b441c/1639342054287/NotoSans-Regular.ttf), url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b6601863cd636d03e7528e/1639342105474/NotoSans-Italic.ttf), url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b6617504b54a0830e19f2e/1639342454580/NotoSans-Bold.ttf);} h1{ font-family: 'Century-Gothic'; text-transform: uppercase; } h2{ font-family: 'Century-Gothic'; text-transform: uppercase; } h4{ font-family: 'Century-Gothic'; text-transform: uppercase; } p1{ font-family: 'Noto-Sans'; } p2{ font-family: 'Century-Gothic' !important; text-transform: uppercase; } //NOTE: p1 white background #block-yui_3_17_2_1_1639471165007_7588{ background: white; padding: 1rem; } section[data-section-id="61ba1a9aa60d852d4f472ba0"] .sqs-block-html, .horizontalrule-block { background: white; padding: 1rem; } hr { padding: 2px 0; } /*.horizontalrule-block{ background: white; }*/ .sqs-block-button a, [class*='button'], [class*='btn'] { font-family: 'Century-Gothic'; text-transform: uppercase; } .blog-title h1 { font-family: 'Century-Gothic' !important; text-transform: uppercase !important; } .markdown-block p { margin-left:1.5em; } .markdown-block .ui-closed:before { font-family:monospace; content:"+ "; } .markdown-block .ui-open:before { font-family:monospace; content:"- "; } //ANNOUNCEMENT BAR CUSTOM COLOUR .sqs-announcement-bar p { font-family: 'Century-Gothic'; text-transform: uppercase; text-shadow: 0 0 20px #fff, 0 0 30px #00f0f0; } .sqs-announcement-bar { font-family: 'Century-Gothic'; background: #38d821; /*background: radial-gradient(circle, #26631d 50%, #38d821 100%) !important;*/ } //HEADER CUSTOM .header-display-desktop{ max-width: 1200px; margin: auto; } .header-nav *, nav.header-menu-nav-list * { font-family: 'Century-Gothic'; a:hover{ color: #808080 !important; } } .header-nav-folder-content { background: #000000 !important; } //CUSTOM PARALLAX HERO BANNER //NOTE: FG layer /*#block-yui_3_17_2_1_1639409338438_7362{ top: 100px !important; } */ //NOTE: MG layer /*#block-yui_3_17_2_1_1639409338438_6435{ top: 175px !important; }*/ //NOTE: Shadow layer #block-yui_3_17_2_1_1639426331132_7003{ top: 300px !important; } //NOTE: Hero Text #block-yui_3_17_2_1_1639424307634_7974{ h1{ font-size: clamp(2.5rem,5.2vw,5.8rem); text-shadow: 0 0 30px #00FFFF; padding-bottom: 3rem; } } body:not(.sqs-edit-mode-active) section[data-section-id="61b766c023fa3061c98669fb"]{ overflow: hidden; .sqs-row,.content-wrapper { position: unset; } .image-block, .image-block * { position: absolute!important; width: 100%!important; height: 100%!important; max-width: 100%!important; left: 0!important; top: 0 !important; padding: 0!important; margin: 0!important; object-fit: cover; border: none !important; } } //FOOTER CUSTOM footer.sections { font-family: 'Century-Gothic'; text-transform: uppercase; color: white; h4{ padding-bottom: 10px; border: solid; border-width: 0 0 3px 0; } a:hover{ color: #808080 !important; } section { min-height: unset !important; } } //NOTE: To override SQSP colour and underlining. footer a { text-decoration: none !important; color: white !important; } footer.sections .content { width: 100% !important; } footer.sections .content-wrapper { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } //FONTS /*h2 { font-family: 'Century-Gothic'; }*/ Link to comment
Beyondspace Posted May 27, 2022 Share Posted May 27, 2022 14 minutes ago, chr1sbrown said: Hi everyone, Our site started to display all the paragraph text in uppercase the other day and I'm not sure why. The headings have been set to uppercase fora long time now, but suddenly the paragraph text has changed too and I'm not sure why. I've looked at the site CSS and cannot see what the problem is (if that is the problem) and I was wondering if anyone had any ideas? The site is https://www.verylargehugegames.com and I've copied the custom CSS below in case anyone can help. Thanks! @font-face { font-family: 'Century-Gothic'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b65fcdef695f7cbae3eed4/1639342029431/07558_CenturyGothic.ttf);} @font-face { font-family: 'FC2035_AlienFont_v3'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61d4a063b938511dfaf6ee33/1641324643713/FC2035_AlienFont_v3.ttf);} @font-face { font-family: 'Silk-Remington'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b65fdf8471045298ca8a00/1639342047305/SilkRemington-SBold.ttf);} @font-face { font-family: 'Noto-Sans'; src: url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b65fe53abfad17364b441c/1639342054287/NotoSans-Regular.ttf), url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b6601863cd636d03e7528e/1639342105474/NotoSans-Italic.ttf), url(https://static1.squarespace.com/static/610fae4e7b1e2e7b753be94b/t/61b6617504b54a0830e19f2e/1639342454580/NotoSans-Bold.ttf);} h1{ font-family: 'Century-Gothic'; text-transform: uppercase; } h2{ font-family: 'Century-Gothic'; text-transform: uppercase; } h4{ font-family: 'Century-Gothic'; text-transform: uppercase; } p1{ font-family: 'Noto-Sans'; } p2{ font-family: 'Century-Gothic' !important; text-transform: uppercase; } //NOTE: p1 white background #block-yui_3_17_2_1_1639471165007_7588{ background: white; padding: 1rem; } section[data-section-id="61ba1a9aa60d852d4f472ba0"] .sqs-block-html, .horizontalrule-block { background: white; padding: 1rem; } hr { padding: 2px 0; } /*.horizontalrule-block{ background: white; }*/ .sqs-block-button a, [class*='button'], [class*='btn'] { font-family: 'Century-Gothic'; text-transform: uppercase; } .blog-title h1 { font-family: 'Century-Gothic' !important; text-transform: uppercase !important; } .markdown-block p { margin-left:1.5em; } .markdown-block .ui-closed:before { font-family:monospace; content:"+ "; } .markdown-block .ui-open:before { font-family:monospace; content:"- "; } //ANNOUNCEMENT BAR CUSTOM COLOUR .sqs-announcement-bar p { font-family: 'Century-Gothic'; text-transform: uppercase; text-shadow: 0 0 20px #fff, 0 0 30px #00f0f0; } .sqs-announcement-bar { font-family: 'Century-Gothic'; background: #38d821; /*background: radial-gradient(circle, #26631d 50%, #38d821 100%) !important;*/ } //HEADER CUSTOM .header-display-desktop{ max-width: 1200px; margin: auto; } .header-nav *, nav.header-menu-nav-list * { font-family: 'Century-Gothic'; a:hover{ color: #808080 !important; } } .header-nav-folder-content { background: #000000 !important; } //CUSTOM PARALLAX HERO BANNER //NOTE: FG layer /*#block-yui_3_17_2_1_1639409338438_7362{ top: 100px !important; } */ //NOTE: MG layer /*#block-yui_3_17_2_1_1639409338438_6435{ top: 175px !important; }*/ //NOTE: Shadow layer #block-yui_3_17_2_1_1639426331132_7003{ top: 300px !important; } //NOTE: Hero Text #block-yui_3_17_2_1_1639424307634_7974{ h1{ font-size: clamp(2.5rem,5.2vw,5.8rem); text-shadow: 0 0 30px #00FFFF; padding-bottom: 3rem; } } body:not(.sqs-edit-mode-active) section[data-section-id="61b766c023fa3061c98669fb"]{ overflow: hidden; .sqs-row,.content-wrapper { position: unset; } .image-block, .image-block * { position: absolute!important; width: 100%!important; height: 100%!important; max-width: 100%!important; left: 0!important; top: 0 !important; padding: 0!important; margin: 0!important; object-fit: cover; border: none !important; } } //FOOTER CUSTOM footer.sections { font-family: 'Century-Gothic'; text-transform: uppercase; color: white; h4{ padding-bottom: 10px; border: solid; border-width: 0 0 3px 0; } a:hover{ color: #808080 !important; } section { min-height: unset !important; } } //NOTE: To override SQSP colour and underlining. footer a { text-decoration: none !important; color: white !important; } footer.sections .content { width: 100% !important; } footer.sections .content-wrapper { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } //FONTS /*h2 { font-family: 'Century-Gothic'; }*/ Which text are you mentioning about? Can you take some screenshots of your issue? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
chr1sbrown Posted May 27, 2022 Author Share Posted May 27, 2022 5 minutes ago, bangank36 said: Which text are you mentioning about? Can you take some screenshots of your issue? For sure, it's the paragraph text. For example the attached image is from the home page. It used to be sentence case. Link to comment
Beyondspace Posted May 27, 2022 Share Posted May 27, 2022 24 minutes ago, chr1sbrown said: For sure, it's the paragraph text. For example the attached image is from the home page. It used to be sentence case. This code makes your sentence uppercase. May be you have set some change on site style. Have you recently changed some thing here? Or adding some code like my check? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
chr1sbrown Posted May 27, 2022 Author Share Posted May 27, 2022 12 minutes ago, bangank36 said: This code makes your sentence uppercase. May be you have set some change on site style. Have you recently changed some thing here? Or adding some code like my check? Thank you, fixed it! Beyondspace 1 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