Squarespace css cheat sheet

Here are some CSS snippets you can use with Squarespace:

1. Change the background color of a specific section:
   css

   #section-id {
background-color: #F5F5F5;
}

2. Increase the font size of a specific heading:
   css

   h1 {
font-size: 32px;
}

3. Change the color of a specific button:
   css

   .sqs-block-button-element {
background-color: #FF0000;
}

4. Remove the underline from a specific link:
   css

   a {
text-decoration: none;
}

5. Center an image:
   css

   .sqs-block-image {
text-align: center;
}

6. Add padding to a specific section:
   css

   #section-id {
padding: 20px;
}

7. Make a specific section full width:
   python

   #section-id {
max-width: none;
}


Note: To use these snippets, you’ll need to replace #section-id with the ID of the section you want to target. You can find the section ID by right-clicking on the section and selecting “Inspect” in your browser.