こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。

今回は人気のテンプレート【ENKEL】の緑色のパーツ(ボタンやテキストなど)を好きな色に変更する方法をご紹介します!※対象テンプレート:【ENKEL】

こんなお悩みありませんか?

・【ENKEL】を利用したいけど、緑色が合わないので別の色にしたい
・【ENKEL】の緑色のパーツ(ボタンやテキストなど)をコーポレートカラーに変更したい

緑色のパーツ(ボタンやテキスト)を好きな色に変更する方法!
(対象テンプレート: ENKEL)

手順はカラーコードを変更するだけ!
それでは、早速みていきましょう。

設定方法

CSSを変更する

【ショップデザイン(PC)】>【トップページ編集】>【共通CSS管理】

内のカラーコード、緑(#419a7e)が記述されている箇所全てを、お好みのカラーカードへ変更します。ここでは、黒(#000000)に変更してみます。

・15箇所ありますので、全てのカラーコードを変更してください。
 ※緑色を残したい箇所があった場合は、そのままにしておきます。
・検索・置換ができるエディターを利用してソースを編集すると便利です!
 オススメ!無料のHTMLエディタ!5選!
・外部参考サイト:カラーコード表

完了

▼商品詳細ページ表示例

商品詳細ページ

▼商品検索ページ表示例

商品検索ページ
→かんたんですね。

いかがでしたでしょうか。
サイトのイメージが伝わりやすい、カラーに変更して、より親しみのあるショップに変更してみましょう。

それではまた!