【Luxeritas(ルクセリタス)】の見出しの縦棒を削除・消してみた
【Luxeritas(ルクセリタス)】の見出しにある縦棒を削除・消してみた
ずっと見出しを作るときに出てくる縦棒が気になって気になってました。どうにかして消せないかな~って
同じ【テーマ】の【Luxeritas(ルクセリタス)】を使っている環境でも同じような結果にならない可能性もあるのでご注意ください。同じ【テーマ】を調べてコードをそのまま貼り付けても私の場合ならなかったので
ちなみにバージョンは
親 3.8.0
子 3.0.2
です。
wordpress管理画面から
【Luxeritas】ー【子テーマの編集】ー【スタイルシート : style.css】
にコードを追加します。
【h2】見出しの縦棒を消すコード
1 2 3 |
.post h2 { border-left: none; } |
【h2・h3・h4】見出しの縦棒を消すコード
1 2 3 |
.post h2,.post h3,.post h4 { border-left: none; } |
私が試したがダメだったコード
上のコードでダメな方はお試しください。
【h2】見出しの縦棒を消すコード
1 2 3 |
.post h2::after{ background:0 none; } |
【h2・h3】見出しの縦棒を消すコード
1 2 3 |
.post h2::after, .post h3::after{ background:0 none; } |
なかなか見出しを消すのに苦労しました。
何時間も調べていろんなタイプのコードの記入方法があって試してはダメ~の繰り返し。頭が痛くなるほどでした。
参考にしてみてください。