質問: ### 前提・質問 現在Business Centerというワードプレスのテーマとwoocommerceプラグインを使ってECサイトを製作中です。 固定ページや投稿ページ内のヘッダー画像は非表示化 (このテーマの場合Header Imageの項目でDisableを選択するとヘッダー画像が非表示になります。) ができるのですが、 woocommerceの特有ページ(商品ページや、カテゴリーなどのページ)では 商品名や「カテゴリー:○○○」といったヘッダーが表示されてしまいます。 このヘッダー画像をCSSや、プラグインを用いて非表示化することはできますでしょうか。 お力添えをいただけると幸いです。
回答: カスタマイズのヘッダー画像からは、どのページも デフォルトのヘッダー画像は消せないと思うのですが。 (というか、わたしは消せなかった) それはおいておいて、 woocommerce関係のページからヘッダー画像を消すには、以下でいけると思います。 ``` .woocommerce #banner-image { display: none; } ``` カスタマイズの追加CSSに書いてみてください。 ただ、ここに画像がないと間が抜けた感じになる気がするのですが。 追記 背景色が白ならメニューバーも白なんで見えていないだけだと思います。 ``` .woocommerce span.menu-icon .icon-bar { background-color: red; //好きな色を } ``` タイトルがサイトのタイトルなら同じ理由です。 こちらは「カスタマイズ」->「色」->「ヘッダーテキスト色」 で変更すれば見えるようになると思います。