livedoor ナレッジ

縦のボーダーラインを無くしたい、もしくは移動させたい。

（デザインはフォト→花の写真01です）
こちらの回答等を見ながら、左右の余白を少なくしてみました。
ですが、縦のボーダーラインだけが動いてくれないのです。
いっその事無くしてしまいたいのですが、どうしたらよいでしょうか。
無理であれば、移動させる方法を教えて下さい。
どうぞ宜しくお願いします。

ご質問ありがとうございます。

管理画面で、カスタマイズ/管理　→　デザインの設定 →　カスタマイズ　→　スタイルシート（CSS） と進んで、出てきた文字列の内容を変更します。

念のため、内容をctrl＋Aで全て選択され、ctrl+Cでコピー、ワードパットにペーストし、保存されておいて下さい。
これでスタイルシートのバックアップとなります。


こういう部分があります。

#container{
width:942px;
margin:0 auto;
padding:0;
background:url(http：//image.blog.livedoor.com/img/usr/flower02a/bg.gif) repeat-y 50% 0;
text-align:center;
word-break:break-all;
}

この中の、
background:url(http：//image.blog.livedoor.com/img/usr/flower02a/bg.gif) repeat-y 50% 0;
この部分を削除されて下さい。

変更されたら、スタイルシート（CSS）を保存、「スタイルシート（CSS）」を再構築し、サイトを確認されてみて下さい。

失敗していたら、元のCSSに戻されて下さい。

問題なければ、またCSSをバックアップして、下記の変更をされてみて下さい。



タイトルの位置がずれています。

.blogtitle という部分がありますので探してみられて下さい。

.blogtitle{
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:10px 20px 0px;
text-align:right;
}

この中の padding というのが位置の指定です。
10px 20px 0px　の順で、　上、左右、下　の余白を指定しています。


これを変更し、
padding:10px 200px 10px 0px;　の順で、　上、右、下、左　の余白を指定します。

画像に合わせてこの数値を変更されてみて下さい。

.blogtitle{
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:10px 200px 10px 0px;
text-align:right;
}

でたぶん良いと思います。

変更されたら、スタイルシート（CSS）を保存、再構築し、サイトを確認されてみて下さい。


ずれていたら、また数値を微調整されてみてください。

うまくいったら、.description（サイトの説明文）の数値も同様に変更されて下さい。



問題が解決しない場合は、この質問のコメント欄にお気軽にコメントされて下さい。
詳しい方から、より良い回答が寄せられると思います。