Raindrops 1カラム コンテンツの位置を変更

1カラムレイアウトでは、ほとんどコンテンツがセンタリングされていますが

PC用の広幅画面では、コンテンツを右寄せや、左寄せする事も可能です。
背景画像との組み合わせをすることで、画像のメイン部分が表示できるので、単に装飾的なものではなくなり、投稿の内容を視覚的に説明できるようになるかもしれませんね。

この表示例は、Raindropsテーマで左寄せするものです。

この投稿のカスタムCSSに

/**/{
 background:url(http://www.tenman.info/images/example-bg.png);
 padding:2em 0;
 background-origin:border-box;
 overflow:hidden;
}
.ghost{
 color:#333;
}
.ghost:hover{
 color:#fff;
}
 article{
 background:rgba(255,255,255,.6);
 float:left;
 margin-left:2em!important;
 margin-right:2em!important;
}

[raindrops class="rd-card color5"]


新着記事

コメントは受け付けていません。