Liquid、JavaScriptなどに関する質問
Dawnにブロックを追加したのですが、ブロック内のテキストのフォントのみサイズ変更をしたいと
思っています。初めて使用するのでヘルプセンターのカスタムCSSを見てもよく分かりませんでした。
どなたかご教示頂けますと助かります。
よろしくお願いします。
解決済! ベストソリューションを見る。
成功
追記の方ありがとうございます。
一例になりますが、下記のコードをカスタムCSSに記述することでh2タグ・pタグのフォントサイズを変更することができるかと思います。
/* 見出しサイズの変更 */
.rich-text.content-container h2 {
font-size: 60px !important; /* 任意のフォントサイズを指定 */
}
/* テキストサイズの変更 */
.rich-text.content-container p {
font-size: 16px !important; /* 任意のフォントサイズを指定 */
}
はじめまして、Takaseと申します。
質問の情報だけだと回答が難しいため、
テキストのフォントサイズを変更したい、具体的なセクション名・ブロック名をお伝えいただくことは可能でしょうか?
もしくはスクリーンショットなど添付していただければと思います。
ありがとうございます。
以下情報でわかりますでしょうか。よろしくお願いします。
<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;">
成功
追記の方ありがとうございます。
一例になりますが、下記のコードをカスタムCSSに記述することでh2タグ・pタグのフォントサイズを変更することができるかと思います。
/* 見出しサイズの変更 */
.rich-text.content-container h2 {
font-size: 60px !important; /* 任意のフォントサイズを指定 */
}
/* テキストサイズの変更 */
.rich-text.content-container p {
font-size: 16px !important; /* 任意のフォントサイズを指定 */
}
ありがとうございました。
変更することが出来ました。
ユーザー | ランク |
---|---|
36 | |
11 | |
7 | |
6 | |
6 |
すべてのShopifyアカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023Shopifyの管理画面では、商品ごとや配送元のロケーション(倉庫)ごとにカスタム配送料を設定することができます。特に購入金額による送料無料設定は、顧客の購買意欲を高める効果的な手...
By Alex06 Nov 5, 2023