Ads By Google
タイトル画像にかぶった文字の移動方法
トップのところに画像を追加したのですが、元からあったタイトルの文字及び説明文が真ん中に表示されてしまい画像とかぶってしまいます。
上の方もしくは画像の下に移動させたいのですが、どうしたら良いでしょうか?
宜しくお願い致します。
2006-05-15 12:04の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-05-15 14:10:14

クラフトさん。ご質問ありがとうございます。
現在のサイトの状態を見せていただかないと、ちょっと細かい部分をご説明することは困難かもしれません。
一般的には、スタイルシートでタイトルの位置の指定を変更をいたします。
管理画面で、カスタマイズ/管理 → デザインの設定 → カスタマイズ → スタイルシート(CSS) と進んで、出てきた文字列の内容を変更します。
念のため、内容をctrl+Aで全て選択され、ctrl+Cでコピー、ワードパットにペーストし、保存されておいて下さい。
これでスタイルシートのバックアップとなります。
.blogtitle という部分がありますので探してみられて下さい。
.blogtitle{
font-size:16px;
padding:18px 15px 5px 10px;
line-height:100%;
}
この中の padding というのが位置の指定です。
18px 15px 5px 10px の順で、 上、右、下、左 の余白を指定しています。
画像に合わせてこの数値を変更されてみて下さい。
変更されたら、スタイルシート(CSS)を保存、再構築し、サイトを確認されてみて下さい。
ずれていたら、また数値を微調整いたします。
うまくいったら、.description(サイトの説明文)の数値も同様に変更されて下さい。
表示が崩れたりしたら、バックアップしたスタイルシートに戻してください。
もしわからないことがありましたら、この質問のコメント欄にコメントをされて下さい。
詳しい方からより良い回答が寄せられると思います。
解決しない場合はサイトのアドレスを教えていただいた方が解決が早いかもしれません。
現在のサイトの状態を見せていただかないと、ちょっと細かい部分をご説明することは困難かもしれません。
一般的には、スタイルシートでタイトルの位置の指定を変更をいたします。
管理画面で、カスタマイズ/管理 → デザインの設定 → カスタマイズ → スタイルシート(CSS) と進んで、出てきた文字列の内容を変更します。
念のため、内容をctrl+Aで全て選択され、ctrl+Cでコピー、ワードパットにペーストし、保存されておいて下さい。
これでスタイルシートのバックアップとなります。
.blogtitle という部分がありますので探してみられて下さい。
.blogtitle{
font-size:16px;
padding:18px 15px 5px 10px;
line-height:100%;
}
この中の padding というのが位置の指定です。
18px 15px 5px 10px の順で、 上、右、下、左 の余白を指定しています。
画像に合わせてこの数値を変更されてみて下さい。
変更されたら、スタイルシート(CSS)を保存、再構築し、サイトを確認されてみて下さい。
ずれていたら、また数値を微調整いたします。
うまくいったら、.description(サイトの説明文)の数値も同様に変更されて下さい。
表示が崩れたりしたら、バックアップしたスタイルシートに戻してください。
もしわからないことがありましたら、この質問のコメント欄にコメントをされて下さい。
詳しい方からより良い回答が寄せられると思います。
解決しない場合はサイトのアドレスを教えていただいた方が解決が早いかもしれません。
zero様
ご丁寧な回答ありがとうございました。
試しに数値を変更いたしましたが、ばっちり設定できそうです。
どうもありがとうございました。
Ads By Google
コメント
まだコメントがありません





