# STUDIO CMS内の目次（ページ内リンク）への上部余白追加

**URL:** <https://www.nocode-faq.com/t/topic/4470>\
**Category:** STUDIO\
**Created:** [2025 年 2 月 7 日午前 10:15 UTC](https://www.nocode-faq.com/t/topic/4470 "2025-02-07T10:15:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gaku](https://avatars.discourse-cdn.com/v4/letter/g/ebca7d/32.png) [@Gaku](https://www.nocode-faq.com/u/Gaku)\
**Post date:** [2025 年 2 月 7 日午前 10:15 UTC](https://www.nocode-faq.com/t/topic/4470/1 "2025-02-07T10:15:23Z")

</div>

Stduio CMS内の記事の中で目次（ページ内リンク）を追加しました、しかしヘッダー分の上部余白の追加の仕方がわからず困っています。  
試したこととして記事ページのhead内末尾に

h3 h2 { scroll-margin-top: 任意の数字; }

を追加してみたのですができませんでした。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2025 年 2 月 7 日午後 2:19 UTC](https://www.nocode-faq.com/t/topic/4470/2 "2025-02-07T14:19:57Z")

</div>

意図が良く理解できてませんが、、  
通常は、H3の入れ子で、h3を入れることはないので、カンマが抜けているのではないでしょうか？

`h2, h3` のように **カンマで区切る** 必要があります。

> h2, h3 {  
> scroll-margin-top: 80px; /\* 固定ヘッダーの高さに応じて調整 \*/  
> }

---

<div class="post-metadata">

**Author:** ![Gaku](https://avatars.discourse-cdn.com/v4/letter/g/ebca7d/32.png) [@Gaku](https://www.nocode-faq.com/u/Gaku)\
**Post date:** [2025 年 2 月 9 日午前 6:25 UTC](https://www.nocode-faq.com/t/topic/4470/3 "2025-02-09T06:25:30Z")

</div>

ありがとうございます。  
scroll-margin-topの部分が色が変わらないのが原因のようです。

カスタムコードのpaddingなどの文字が色がつかないときは何が原因でしょうか

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2025 年 2 月 9 日午後 12:38 UTC](https://www.nocode-faq.com/t/topic/4470/4 "2025-02-09T12:38:50Z")

</div>

> [@Gaku](#):
>
> カスタムコードのpaddingなどの文字が色がつかないときは何が原因でしょうか

全く変更されないのは、考えにくいです。  
もしかして、プレビューモードなどで、見て無いですか？

STUDIOの追加したコードは **デザインエディタやライブプレビューでは動作しません。動作確認は、公開サイト** で行なう必要があります。

## カスタムコードの制限

1. `</head>`および`</body>`タグ直前に追加できるコードは、それぞれ **最大10個で、1つのコードは最大 30,000 文字まで記入** 可能です。

2. `<head>`タグには、以下の5つのタグが追加できます。その他のタグは入力しても、設定に反映されません。

- `<link>`
- `<meta>`
- `<style>`
- `<script>`
- `<noscript>`

例えば、以下のようになどであれば、文字も赤く表示されるはずですよ。

h1 { color: red !important; }

【参考】

> **[サイト・ページにカスタムコードを追加する | Studio Help](https://help.studio.design/ja/articles/7890587-%E3%82%B5%E3%82%A4%E3%83%88-%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B)**
>
> 有料プランでは、カスタムコードをページやサイト全体に追加することができます。この記事では、制限と追加方法を詳しく解説します。

コード系は、状況もよくわかりづらいので、スクショや、状況をもう少し添付すると、他の人も回答しやすいと思いますので、ご協力お願いしますー。
