【WordPress入門】STORKで固定ページ枠線の消し方

STORK
こんにちはレビルです。
今回は、WordPressの超有名テーマ「STORK(ストーク)」で固定ページに出来る枠線の消し方をご紹介します。
STORK(ストーク)とは、OPENCAGEのコンセプトでもある「モバイルファースト」を改めて考えなおした渾身のWordPressテーマです。

STORK(ストーク)で作成していて、背景色と固定ページの背景色を同じにしていて、その境界線が気になる方も少なくないと思います。

背景を固定ページと同色にしていると、
こんな↓感じの枠線が出てしまうと思います。

上の画像では非常に解りにくいのですが、白地の背景にうっすらと境界線が出てしまっています。
これ、黒や茶色など濃い色の背景だと灰色の線がかなり目立ってしまうのです。

この枠線、CSSでborder none ;をしても消えないんですよね。
ネットで調べても出てこなくて非常に悩みました。
しかし、解決しました!

では、どうしたら消えたのか?を公開します。

スポンサーリンク

style.cssの編集

style.css(親テーマ)の記述を変更してください。
(子テーマでは反映しませんでした。)

左にあるメニューから「外観」→「テーマエディター」でテーマの編集画面に行き、右にあるテーマファイルから「style.css」を選択してエディタ内にファイルの内容を表示させてください。

親テーマのstyle.css変更なので、必ずバックアップを取っておきましょう。

22行目の

#inner-content {
box-shadow:

#inner-content {
box-shadow: none;

にして下さい。

変更したら、「ファイルを更新」ボタンを押して下さい。

*ファイルの更新ボタンを押したときにエラーが出た場合は入力ミスか、記載場所が正しくありませんので、構文や場所が正しいか確認してください。

これで線が消えました。

もし、線が消えていない場合は、ブラウザにキャッシュが残っているので、「Shift」+「Ctrl」+「R」でスーパーキャッシュクリアをすれば先ほどの設定が反映されて枠線が消えていると思います。

もしくは、クラウドフレアを使っている場合は、クラウドフレアのキャッシュを削除してください。
その他キャッシュ設定をするプラグイン等を使ってい場合もキャッシュをクリアしてください。

これで修正が反映されます。

 

次回は、STORK(ストーク)で消えているはずなのに、なぜかうっすら出てくる表の枠線の消し方をお届けします。

参考になれれば幸いです。

 

ではまた!

 

【WordPress入門】STORKで表の外枠線を消す方法
STORKで線無しの表組を作成したときに、表の外枠に境界線が出てしまいます。非表示にしてるのに出てくる!これを消す方法をお知らせします。
【WordPress入門】STORKで画像の逆L字型外枠線を消す方法
STORKで画像を挿入した時に、外枠に逆L字型の境界線が出ることがあります。これを簡単に消す方法をお知らせします。