Bloggerの画面下に表示される点線を削除する

Moo Business CardsBloggerのSimpleテンプレートは、画面下のフッターの部分に、その領域を示す点線が表示されています。今回は、これを削除する方法を紹介します。
photo credit: Jorge Quinteros


Bloggerの画面下に表示される点線を削除する



Bloggerの画面下に表示される点線を削除するには、テンプレート > HTMLの編集 と進み、 .footer-outer という箇所を見つけて以下のように編集します。

.footer-outer {
  border-top: none;
}

<!--###".footer-outer"のバックアップ
.footer-outer {
  border-top: $(footer.bevel) dashed #bbbbbb;
}
-->


次に、線が何もないのは寂しい気もするので、コンテンツ部分に下線を表示してみます。以下の部分を編集してください。

.main-inner {
  padding-top: $(main.padding.top);
  padding-bottom: $(main.padding.bottom);
<!--コンテンツに枠線を表示する-->
border-bottom-style:solid;  
border-bottom-width:2px;  
border-bottom-color:#F2F2F2;  
}