STORK(ストーク)で「線無しの表組」を作成した際に、なぜか外枠に線が出てしまう。
又は、パソコンの画面上では消えているのにスマホ上ではうっすらと枠線が出ている。
HTMLでborderをnoneにしても、style.css子テーマでnoneにしてもなぜか出てきてしまう。
そんな経験はありませんでしょうか。
背景が白や灰色の場合はあまり目立たないのですが、濃い色の背景だと結構目立ちます。
僕は前回の「固定ページ枠線の消し方」と同様に消えなくて困りました。
ネットで調べて色々試したものの、どうしても残ってしまう。
困った。。。
「もう、うっすら出ても良いかな」
とも思いましたが、どうしても消したくて調べてみました。
結果、解決しました!
前回同様、どうしたら消えたのか?を公開します。
STORKで表の外枠線を消す方法
style.css(親テーマ)の記述を変更してください。
(子テーマでは反映しませんでした。)
左にあるメニューから「外観」→「テーマエディター」でテーマの編集画面に行き、右にあるテーマファイルから「style.css」を選択してエディタ内にファイルの内容を表示させてください。
1848行目にある
border-bottom:
を
border-bottom: none;
に変更してください。
1853行目にある
border:
を
border: none;
に変更してください。
変更したら、「ファイルを更新」ボタンを押して下さい。
*ファイルの更新ボタンを押したときにエラーが出た場合は入力ミスか、記載場所が正しくありませんので、構文や場所が正しいか確認してください。
これで線が枠線が消えました。
キャッシュのクリア
もし、線が消えていない場合は、ブラウザにキャッシュが残っているので、「Shift」+「Ctrl」+「R」でスーパーキャッシュクリアをすれば先ほどの設定が反映されて枠線が消えていると思います。
もしくは、クラウドフレアを使っている場合は、クラウドフレアのキャッシュを削除してください。
その他キャッシュ設定をするプラグイン等を使ってい場合もキャッシュをクリアしてください。
これで修正が反映されます。
参考になれば幸いです。
次回は、STORK(ストーク)外枠3部作のラスト、画像に逆L字型の線が出て消えない時の対処法をお届けします。
ではまた!