Jump to content

Site text all uppercase

Recommended Posts

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
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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.

Paragraph text.PNG

This code makes your sentence uppercase. 

image.thumb.png.61cdacdc8b95eabef5d9172897d305e9.png

May be you have set some change on site style. Have you recently changed some thing here? Or adding some code like my check?

image.thumb.png.dd09ae985d826a98b3490801065f7ce6.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.