chr1sbrown Posted May 27, 2022 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'; }*/
Beyondspace Posted May 27, 2022 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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
chr1sbrown Posted May 27, 2022 Author 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.
Beyondspace Posted May 27, 2022 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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
chr1sbrown Posted May 27, 2022 Author 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment