Customify フッターメニュー色の変更

WordPressを使い始めた頃、まだ多くのテーマで、文字色や背景色などの細かな設定を変更するには有料のプロ版が必要だった時代がありました。

そんな中、Customify は無料でもさまざまな部分を編集でき、とても重宝していたテーマです。

現在は制作するサイトのテーマを Astra に統一しているため、Customify を使う機会はほとんどなくなりました。

フッターメニューの文字色が変わる問題

先日、お客様のサイトを巡回していると、Customify を使用している複数のサイトで、突然フッターのメニュー項目の文字色がグレーに変わっていることに気づきました。

フッターの各エリアのタイトルは白いままで、メニュー項目だけがグレーになり、マウスを乗せると白に変わる状態です。
以前は通常時も白い文字で表示されていました。

設定画面を探してみましたが、以前のように色を変更できる項目が見当たらなかったため、今回はCSSで文字色を指定して対応しました。

CSSで文字色を指定する

テーマの設定画面から変更できない(見つからない)場合は、追加CSSで指定する方法があります。
今回のように、フッターのメニュー項目だけ色がおかしくなっている場合は、対象となる要素にCSSを適用することで修正できます。

※以下に、今回使用したCSSを記載します。

/* フッターメニュー色 */
.footer--row a {
    color: #ffffff;
}