Jump to content

Trouble changing default font on pages

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.caroline-shenaz-hossein.com/portal-main

Hello,

I have a few pages that i need to look different than the other pages, and part of that is the font. I've managed to change the colour of h1, h2, h3 etc, but not the font.

Here's the section of code that i've put in the header. (I can provide all the code if it's relevant). It doesn't seem to matter where I put !important

#collection-62702969fd68866477d96224
h1 { 
  color: #800032;!important;
  font-family: "Times New Roman", Times, serif;!important;
}

  h2 {
  color: red;!important;
    font-family: "Times New Roman", Times, serif;!important;
  }
  
  h3 {
    color: blue;!important;
    font-family: "Times New Roman", Times, serif;!important;
}
  
  p {
    color: black !important;
  font-family: "Times New Roman", Times, serif;!important;
}
  
a {
    color: blue !important;
  font-family: "Times New Roman", Times, serif;!important;
}
  .sqs-block-horizontalrule hr { background-color: blue; 
  }
  

Thanks so much!

Link to comment
  • Solution

Remove these symbols

image.thumb.png.8458ada79998a20f2c7ca8a2e83d2a02.png

It should be

#collection-62702969fd68866477d96224
h1 { 
  color: #800032;!important;
  font-family: "Times New Roman", Times, serif !important;
}

  h2 {
  color: red;!important;
    font-family: "Times New Roman", Times, serif !important;
  }
  
  h3 {
    color: blue;!important;
    font-family: "Times New Roman", Times, serif !important;
}
  
  p {
    color: black !important;
  font-family: "Times New Roman", Times, serif !important;
}
  
a {
    color: blue !important;
  font-family: "Times New Roman", Times, serif !important;
}
  .sqs-block-horizontalrule hr { background-color: blue; 
  }
  

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.