背景、テキストの色を変更出来るようにしてほしい。

[sakoda]

welcart_basic-novaを使っています。

welcart_basic-novaで「カラーデザイン」の変更機能を搭載してほしいです。
「サイトカラー」や「テキストカラー」「リンク色」などの「カラーデザイン」をテーマカスタマイザ―ページからリアルタイムに変更することができる様に。

上記の機能が有るのでWelcart Carinaを6000円で購入しましたが、画像のデザインが崩れます。
上部ナビゲーションの文字は大きくなってデザインが崩れます。
使えないので返金出来ますか。

[mikkkin]

Welcart-nova　の基本のヘッダーとフッターの色（黒っぽい）を変更しようと、追加CSSに、

header,footer { background-color: #〜； }

としたところ、フッターの色は変わりましたがヘッダーの色は変わりませんでした。

ヘッダーの色を変えるにはどうすればいいのでしょうか？

[ohnishi]

こんにちは

ヘッダーのみスタイルが適用されない理由としては、
ヘッダーのidまたはclass属性に対しスタイルを適用しているからです。

Google ChromeやFirefoxなどのブラウザに付属している要素検証を利用していただく事で、
どこにどのクラスがついているのかやどのようなスタイルが適用されているか確認することが出来ます。
上記を利用し修正を行ってみてください。

どうぞよろしくお願いいたします。

[mikkkin]

誤って他の方のトピックに投稿してしまったようで、申し訳ありません。

ご回答ありがとうございます。
検証を利用し、判明したidやclassタグをつけてみましたが、やはり色は変わりませんでした。

[ohnishi]

Welcart Nova は、レスポンシブレイアウトとなっておりますので、

@media screen and (min-width:〇〇〇) {}

上記のようにメディアクエリを指定して、
デバイスの幅に合わせスタイルを適用させております。

おそらく、メディアクエリの指定をせずに
スタイルを適用されていることが原因かと思われます。

[投稿者]

投稿