技術ブログ

#blog

【Shopify】カスタムCSSの使い方を解説します

Shopifyには「カスタムCSS」という機能があり、管理画面でCSSを記述することができます。

カスタムCSSは、各セクションの設定項目の最後にあります。

実際の管理画面のスクリーンショット

Shopifyのテーマのクラス名は、ブラウザの検証ツールで確認が可能です。

検証ツールを表示するショートカットは以下の通りです。

Google Chrome:
(Mac)Cmd + Opt + I
(Windows)Ctrl + Shift + I

検証ツールのカーソルアイコンをクリックして、クラス名を確認した箇所にカーソルを合わせるとコードが確認できます。

検証ツールのスクリーンショット

まずは出張相談をご利用ください。
岩手県内は無料で訪問します。

ホームページやSNSに関するお悩みは、お気軽にご相談ください。
スタッフが御社を訪問し、お話を伺います。費用はかかりませんので、ご安心ください。

強引な営業は一切いたしません

0120-501-764

受付時間:平日 9:00〜18:00

岩手県内どこでも伺います。オンライン相談や、メールのみでのご相談も承ります。