FROM CACHE - jp_header
解決済

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

jcco
遊覧客
23 2 1

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

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

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

よろしくお願いします。

1 件の受理された解決策
Takase_R
Shopify Partner
23 9 7

成功

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

 

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

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

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

 

R.Takase | Shopifyコーダー
テーマのカスタマイズなどお手伝いできます。
MENTAでご相談に乗れます:https://menta.work/user/69908
テーマ開発に役立つ情報も発信しています:https://liquid-guidebook.dev/

元の投稿で解決策を見る

4件の返信4

Takase_R
Shopify Partner
23 9 7

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

 

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

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

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

R.Takase | Shopifyコーダー
テーマのカスタマイズなどお手伝いできます。
MENTAでご相談に乗れます:https://menta.work/user/69908
テーマ開発に役立つ情報も発信しています: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
23 9 7

成功

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

 

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

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

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

 

R.Takase | Shopifyコーダー
テーマのカスタマイズなどお手伝いできます。
MENTAでご相談に乗れます:https://menta.work/user/69908
テーマ開発に役立つ情報も発信しています:https://liquid-guidebook.dev/
jcco
遊覧客
23 2 1

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

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