様々な開発言語や環境、用途に応じた実際に動作するアプリやテーマのサンプルコードを、公式、非公式問わず集める場所です。自分のコードをもとにした質問をしたり、希望を書くだけでも構いません。
テンプレートで追加したセクションのタイトルを左寄せから中央に変更したいのですが、
コード編集の何処を変更すれば実現できますでしょうか?
テーマDAWNですね。
collection-list.liquid
にhtml部分はございます。
そこ編集すればできますのでお試しください。
ありがとうございます。
コード編集が上手くいかずで、具体的に何処の部分になるかご教授頂けますと幸いです。
何卒、宜しくお願い致します。
<div class="title-wrapper-with-link">
<h2 class="title">タイトル</h2>
</div>
↑これの.title-wrapper-with-linkにjustify-content: center;をつければ中央にきます。
ファイルとしてはAssets>base.cssの884行目ですが、既存のcssを編集すると思わぬレイアウト崩れを起こしたりもするので
あらたにcssファイルを作成し
@media screen and (min-width: 750px) {
.title-wrapper-with-link {
justify-content: center;
}
}
を書くといいと思います。
その際、作成したcssを読み込ませる必要も出てきますので
Layout>theme.liquidの111行目
{{ 'base.css' | asset_url | stylesheet_tag }}
の下に
{{ '任意で作成したCSSファイル名.css' | asset_url | stylesheet_tag }}
を足す必要があります。
以上で可能かと思います。
細かい○行目はバージョンで変わってくるかもしれないので見つからなければ検索などしてください。
しかし、これはHTMLやCSSの知識が必要ですのでもし不安であればわかる人に依頼してください。
補足:
何のCSSの何行目に書いてあるスタイルが適用されている、というのは
対象を右クリック>検証で確認できます(Google Chromeの場合)
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025