How Do You Style an Accordion in Squarespace?

There are a few different ways that you can style an accordion in Squarespace. One way is to use the <p> tag to add a paragraph break between each accordion section.

Another way is to use the <b> tag to bold the section headers. You can also use the <u> tag to underline the section headers.

To style the accordion content, you will need to add the following CSS code to your site:

accordion {
  padding: 20px;
  background: #fff;
  border: 1px solid #ddd;
}

accordion h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}

accordion ul {
  list-style-type: none;
  padding: 0;
}