css:MT・XOOPS・CSS初心者カスタマイズMemo

MT:記事タイトルと記事との空間を広げる方法。

元のスタイルのままだとあまりにもタイトルと記事との間が狭かったので

広げてみました。


スタイルシートの記事部分、

     .entry-content { margin: 5px 0;
       ↓
     .entry-content { margin: 20px 0;

に変えたらできました。この場合、記事の上下が20pxあくという意味です。

下は空けたくないときは 20px 0px 0px 0px とそれぞれ指定すればOK。


.date-header
{
margin: 5px 17px 0 0;
padding: 0 0 5px 0;
color: #09c;
font-size: 11px;
text-transform: uppercase;
}
/* 記事タイトル */
.entry-header
{
margin: 5px 0;
padding: 15px 0 0 33px;
background: url(maru.gif) 0 0.20em no-repeat;
color: #6f6fff;
font-size: 18px;
font-weight: bold;
}

.entry-content { margin: 20px 0;
}

2007年2月14日|

カテゴリー:MovableType, css