いつもありがとうございます。
STUDIOを使って現在サイトを構築しています。
セクションを追加するにあたって、
ここの「リッチテキスト」ブロックだけ文字を全体的に小さくしたい、と思った時に、個別にCSSを設定できないものでしょうか。
ご教示いただけたら助かります。
宜しくお願いいたします。
AI-generated summary
STUDIOでサイト構築中のユーザーが、特定の「リッチテキスト」ブロックのみにCSSを適用する方法について質問しています。
解決方法:
- リッチテキストブロックは
rich-text.liquidというセクションファイルで作成されている - セクション独自のクラス名を指定することで、部分的なCSS適用が可能
- 例として以下のようなコードが提示されました:
.rich-text__heading { color: red; font-size: 15px; }
結果:
質問者は当初、見出しのみ修正可能と理解していましたが、各ブロックに固有のクラスが付与されていることに気づき、問題が解決しました。スクリーンショットも共有され、具体的な実装方法が示されています。
Freikoさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
Shopifyのテーマ設定は全体に共通するものが多いですが、部分的に変えたい時もありますよね。
「リッチテキスト」ブロックの内容はrich-text.liquidというセクションファイルで作成されています。
ここに記載されているセクション独自のクラス名を指定すれば部分的にCSSを当てることが可能です。
例えば以下のようにcssを指定すると、
.rich-text__heading{
color:red;
font-size:15px;
}
このように見出しだけスタイルを変えることができます。
ご参考になりましたでしょうか。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
こちらのアドバイスでは、見出ししか修正できない、、と思ったのですが、
良くみたら、ブロックには固有のclassが付与されていますね！
なるほどです！！