見出し左寄り・内容表示

見出し中央・内容表示

見出し中央・内容無し

クリックスピードを変える方法

一番上の段の数字を変更する。

背景の色を変える方法

以下のコードの CSS部分だけを修正すればOKです。
カスタムHTML 内の <style> にある .t3a .t3aTitle{ ... } に、背景色（ピンク）を追加してください。

変更後（差し替え用：.t3aTitle のブロック）

Copy.t3a .t3aTitle{
  margin:0;
  padding:12px 14px;
  border:1px solid #ddd;
  border-radius:10px;

  background:#ffb6c1;   /* ← ピンク背景（お好みで変更） */
  color:#222;           /* 文字が読みにくければ調整 */

  cursor:pointer;
  user-select:none;
  text-align:center;
}

ピンクをもう少し濃くしたいなら #ff69b4、淡くしたいなら #ffd1dc などに変えてください。

見出しの文字色を変える方法（ページ内の同じアコーデオンが全て変わる）

見出し（クリックする見出し）の文字色は、CSSで .t3aTitle の color を変えるだけです。

変更箇所

カスタムHTML内の <style> にあるこの部分：

Copy.t3a .t3aTitle{
  /* ... */
  color:#222;
  /* ... */
}

この color:#222; を好きな色に変更します。

例

• 白文字にする：

Copy.t3a .t3aTitle{ color:#fff; }

• 濃いピンクにする：

Copy.t3a .t3aTitle{ color:#c2185b; }

• 黒にする：

Copy.t3a .t3aTitle{ color:#000; }

補足（リンク色も変えたい場合）

見出し内に <a> を入れると、テーマ側のリンク色が残ることがあります。その場合はこれも追加します：

Copy.t3a .t3aTitle a{ color: inherit; }