# リッチテキストの見出しの一部にcssを当てたい

**URL:** <https://community.shopify.com/t/css/219925>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [May 29, 2023, 12:57pm UTC](https://community.shopify.com/t/css/219925 "2023-05-29T12:57:14Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

リッチテキストの見出しの一部の文字サイズを変更するためにCSSを適用する方法についての質問です。

**質問内容:**
- 見出しテキストの一部の文字を小さくしたい
- リッチテキスト入力欄でのCSS適用方法を知りたい

**提案された解決策:**
株式会社Tsunの吉谷氏から回答があり、リッチテキストのみにこだわらない場合は、カスタムLiquidを組み合わせることで実現可能と提案されています。画像付きで具体的な代替方法が示されています。

**現状:**
カスタムLiquidを使った代替アプローチが提示されましたが、リッチテキストのみでの実装方法については未解決のままです。

<div class="post-metadata">

**Author:** ![mira0](https://avatars.discourse-cdn.com/v4/letter/m/e68b1a/32.png) [@mira0](https://community.shopify.com/u/mira0)\
**Post date:** [May 29, 2023, 12:57pm UTC](https://community.shopify.com/t/css/219925/1 "2023-05-29T12:57:14Z")

</div>

> リッチテキストの見出しの文字の一部の文字を小さくするためにcssを当てたいです。見出しを入力する箇所にspanタグを当てても反映されませんでした。方法などあれば教えていただきたいです。テーマはsenseになります。

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [May 30, 2023, 7:36am UTC](https://community.shopify.com/t/css/219925/2 "2023-05-30T07:36:46Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します。

どうしてもリッチテキストのみで実現したいなどなければ、

カスタムLiquidを組み合わせることでやりたいことが実現できるのではないでしょうか。

下記にカスタムLiquidで代替する方法を添付します。

 ![kyoshi_tsun_3-1685432068756.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/c/6/2/c626f89f21705bf1f5c245c4bb8f6fec66d511ff.jpeg)

以上になります。

ご参考になりましたら幸いです。