FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Re: Dawnにブロックを追加 ブロック内のテキストのフォントのみサイズ変更をしたい

解決済

Dawnにブロックを追加 ブロック内のテキストのフォントのみサイズ変更をしたい

jcco
遊覧客
23 2 1

Dawnにブロックを追加したのですが、ブロック内のテキストのフォントのみサイズ変更をしたいと

思っています。初めて使用するのでヘルプセンターのカスタムCSSを見てもよく分かりませんでした。

どなたかご教示頂けますと助かります。

よろしくお願いします。

1 件の受理された解決策
Takase_R
Shopify Partner
30 11 11

成功

追記の方ありがとうございます。

 

一例になりますが、下記のコードをカスタムCSSに記述することでh2タグ・pタグのフォントサイズを変更することができるかと思います。

/* 見出しサイズの変更 */
.rich-text.content-container h2 {
  font-size: 60px !important; /* 任意のフォントサイズを指定 */
}

/* テキストサイズの変更 */
.rich-text.content-container p {
  font-size: 16px !important; /* 任意のフォントサイズを指定 */
}

 

R.Takase
テーマのカスタマイズなどお手伝いできます。
https://liquid-guidebook.dev/

元の投稿で解決策を見る

4件の返信4

Takase_R
Shopify Partner
30 11 11

はじめまして、Takaseと申します。

 

質問の情報だけだと回答が難しいため、

テキストのフォントサイズを変更したい、具体的なセクション名・ブロック名をお伝えいただくことは可能でしょうか?

もしくはスクリーンショットなど添付していただければと思います。

R.Takase
テーマのカスタマイズなどお手伝いできます。
https://liquid-guidebook.dev/
jcco
遊覧客
23 2 1

ありがとうございます。

以下情報でわかりますでしょうか。よろしくお願いします。

 

<div class="isolate">
<div class="rich-text content-container color-scheme-04e88ca8-8dfd-43a9-8a66-734086289def gradient rich-text--full-width content-container--full-width section-template--20114338677014__942c5eae-3fa0-49e9-8a05-f12838c51604-padding">
<div class="rich-text__wrapper rich-text__wrapper--center page-width">
<div class="rich-text__blocks left"><h2 class="rich-text__heading rte inline-richtext h2 scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 0;">
Information
</h2><div class="rich-text__text rte scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 0;">

Takase_R
Shopify Partner
30 11 11

成功

追記の方ありがとうございます。

 

一例になりますが、下記のコードをカスタムCSSに記述することでh2タグ・pタグのフォントサイズを変更することができるかと思います。

/* 見出しサイズの変更 */
.rich-text.content-container h2 {
  font-size: 60px !important; /* 任意のフォントサイズを指定 */
}

/* テキストサイズの変更 */
.rich-text.content-container p {
  font-size: 16px !important; /* 任意のフォントサイズを指定 */
}

 

R.Takase
テーマのカスタマイズなどお手伝いできます。
https://liquid-guidebook.dev/
jcco
遊覧客
23 2 1

ありがとうございました。

変更することが出来ました。