FROM CACHE - jp_header

ブログのタイトルと本文の文字を大きくしたい

解決済

ブログのタイトルと本文の文字を大きくしたい

kabu_mcom
観光客
12 0 0

Dawnを使っているのですが、デフォルトのブログ記事のところで、タイトルと本文の文字を調節したいです。

現状は写真のような感じで本文の文字が大きく、タイトルが小さくなってしまっています。

 

cssを具体的にご教授いただきたいです。

よろしくおねがいいたします。

スクリーンショット 2023-07-14 111855.png

 

 

2 件の受理された解決策

株式会社フルバランス
Shopify Partner
1537 549 697

成功

Kabu_mcom様

 

ご質問を確認いたしました。

Dawnのブログの文字の変更は以下cssで可能かと存じます。

 

/* タイトル */
.article-template .article-template__title {
    font-size:20px;
}
/*本文 */
.article-template .article-template__content {
    font-size:16px;
}

 

 数字(px)の部分は任意の値をご入力くださいませ。

 

バージョンによっては一部クラス名が異なる可能性がございますので、

その際はバージョン情報をご共有いただくか、google等の検証ツールにてクラス名を調査いただけますと幸いです。

 

ご参考までに。

ご不明点がございましたら、ご連絡ください!

もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
 
よろしくお願いいたします。
 
フルバランス 園畑

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

株式会社フルバランス
Shopify Partner
1537 549 697

成功

どう小さくされたいのかにもよりますが、

画像幅を縮めたいのであれば、以下のようなコードを追加すれば良いかと存じます。

.article-template .article-template__hero-container {
  max-width:1000px;
}

 1000pxの部分には画像の最大幅を登録ください。

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

4件の返信4

株式会社フルバランス
Shopify Partner
1537 549 697

成功

Kabu_mcom様

 

ご質問を確認いたしました。

Dawnのブログの文字の変更は以下cssで可能かと存じます。

 

/* タイトル */
.article-template .article-template__title {
    font-size:20px;
}
/*本文 */
.article-template .article-template__content {
    font-size:16px;
}

 

 数字(px)の部分は任意の値をご入力くださいませ。

 

バージョンによっては一部クラス名が異なる可能性がございますので、

その際はバージョン情報をご共有いただくか、google等の検証ツールにてクラス名を調査いただけますと幸いです。

 

ご参考までに。

ご不明点がございましたら、ご連絡ください!

もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
 
よろしくお願いいたします。
 
フルバランス 園畑

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
kabu_mcom
観光客
12 0 0

株式会社フルバランス様

 

ご回答いただきありがとうございます!

解決いたしました!

 

文字の所ではないのですが、1枚目の画像がとても大きくなってしまうのですが、こちらを小さくすることは可能でしょうか?

もしできるようでしたら、こちらもCSS具体的にご教授いただけると助かります!

 

スクリーンショット 2023-07-19 111627.png

株式会社フルバランス
Shopify Partner
1537 549 697

成功

どう小さくされたいのかにもよりますが、

画像幅を縮めたいのであれば、以下のようなコードを追加すれば良いかと存じます。

.article-template .article-template__hero-container {
  max-width:1000px;
}

 1000pxの部分には画像の最大幅を登録ください。

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
kabu_mcom
観光客
12 0 0

株式会社フルバランス様

 

迅速な対応、ありがとうございます!

画像のサイズ調整できました!