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';
}*/