STORK(ストーク)で作成していて、背景色と固定ページの背景色を同じにしていて、その境界線が気になる方も少なくないと思います。
こんな↓感じの枠線が出てしまうと思います。
上の画像では非常に解りにくいのですが、白地の背景にうっすらと境界線が出てしまっています。
これ、黒や茶色など濃い色の背景だと灰色の線がかなり目立ってしまうのです。
この枠線、CSSでborder none ;をしても消えないんですよね。
ネットで調べても出てこなくて非常に悩みました。
しかし、解決しました!
では、どうしたら消えたのか?を公開します。
style.cssの編集
style.css(親テーマ)の記述を変更してください。
(子テーマでは反映しませんでした。)
左にあるメニューから「外観」→「テーマエディター」でテーマの編集画面に行き、右にあるテーマファイルから「style.css」を選択してエディタ内にファイルの内容を表示させてください。
22行目の
box-shadow:
を
box-shadow: none;
にして下さい。
変更したら、「ファイルを更新」ボタンを押して下さい。
*ファイルの更新ボタンを押したときにエラーが出た場合は入力ミスか、記載場所が正しくありませんので、構文や場所が正しいか確認してください。
これで線が消えました。
もし、線が消えていない場合は、ブラウザにキャッシュが残っているので、「Shift」+「Ctrl」+「R」でスーパーキャッシュクリアをすれば先ほどの設定が反映されて枠線が消えていると思います。
もしくは、クラウドフレアを使っている場合は、クラウドフレアのキャッシュを削除してください。
その他キャッシュ設定をするプラグイン等を使ってい場合もキャッシュをクリアしてください。
これで修正が反映されます。
次回は、STORK(ストーク)で消えているはずなのに、なぜかうっすら出てくる表の枠線の消し方をお届けします。
参考になれれば幸いです。
ではまた!