tamasaburo

得する役立つものをお届けする情報サイト


はてなブログのスマホサイトのブログ説明文を左寄せにしてキレイに文章を読めるように工夫する設定方法

はてなブログのPRO会員になられている方はご存知の方も多いかもしれませんが、ヘッダーの下に表示される「ブログ説明文」が少し長くなった場合に(二段・三段になった場合)文章が中央寄せになって、少し違和感を感じることはありませんでしょうか?

この記事ではヘッダー下「ブログ説明文」を左寄せにしてキレイに文字を並べる方法を紹介しています。

 

はてなブログのヘッダー下の「ブログ説明文」を左寄せにしてキレイに魅せる方法

#header #blog-description {
text-align: left;
}

 

上記のCSSを設置することで、文章が左寄せになって文章が読みやすくなったかと思います。

設置する場所は、

デザイン➡スマートフォン➡ヘッダ➡タイトル下

です。

 

※CSSを設置する際には、styleタグを挿入する必要があります。

Styleタグの入力方法:はてなブログをカスタマイズする時に役立つ情報-CSSを入力する方法(styleタグ) - Tamasaburo Blog