Twenty Elevenの表の上下の罫線を消す

LINEで送る
Pocket

Twenty Elevenで表を挿入すると、「罫線なし」を選択しているにもかかわらず、上下に以下のような水平線が表示されます。



これを防ぐにはCSSを書き換える必要があります。

スポンサーリンク

style.cssを編集

ダッシュボードの外観→テーマ編集からstyle.cssを選択し編集します。

具体的には以下の2箇所を「//」を書き入れることでコメントアウトします。Ctrl+Fで「entry-content table」を検索するとすぐに見つかります。「entry-content td」はその少し下にあります。


.entry-content table,
.comment-content table {
//    border-bottom: 1px solid #ddd;
    margin: 0 0 1.625em;
    width: 100%;


.entry-content td,
.comment-content td {
//    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}


以下のサイト様の分かりやすい説明を参考にさせていただきました。

ヨメレバ・カエレバのデザインが崩れる時の対処法はてなブックマーク - ヨメレバ・カエレバのデザインが崩れる時の対処法

スポンサーリンク
LINEで送る
Pocket

▼こちらの記事もおすすめです


スポンサーリンク