css ブログタイトル位置の動かし方
gooブログのカスタムテンプレート「カスタムブルー」を使っています。
cssでブログTOP画像をいじっているのですが、
背景画像を挿入した際に、元々組み込まれている自身のブログタイトル、
およびブログの説明文が挿入した画像の隠れて欲しくない部分と
重なってしまいます。
左右への移動は 「paddinng-left」にて出来たのですが
上下への移動が出来ず(paddinng-top or bottomでは動かず)困っています。
(ブログタイトル&説明文をもう少し上の位置にずらしたいのですが。。)
位置の設定の仕方が間違ってる、もしくは何か別の方法があるのでしょうか?
----------------------------------------------------------------
/* ブログのタイトル部上 */
.headerLight {
background-image: url(挿入画像のurl);
background-repeat: no-repeat;
background-position: center;
background-color: #D8BFD8;
height: 300px;
}
/* ブログタイトル部等の区切り線 */
.rule {
background-color: #7B68EE;
border-color: #ffffff;
border-style: dotted;
border-width: 3px;
}
/* ブログのタイトル部下 */
.headerDark {
background-image: url();
background-repeat: ;
background-position: ;
background-color: #D8BFD8;
}
/* ブログのタイトル */
.bTitle {
color: FFF0F5;
font-size: 22px;
font-weight: bold;
font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka;
padding-left: 70px;
}
/* ブログタイトルのリンク(<a href="#" class="etTitleLink">で使用) */
.bTitleLink {
text-decoration: none;
}
/* ブログの概要 */
.bDesc {
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding-left: 100px;
}
---------------------------------------------------------------
※CSS初心者です。
よろしくお願いいたします。