知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
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(サイトの説明文)の数値も同様に変更されて下さい。


表示が崩れたりしたら、バックアップしたスタイルシートに戻してください。


もしわからないことがありましたら、この質問のコメント欄にコメントをされて下さい。
詳しい方からより良い回答が寄せられると思います。

解決しない場合はサイトのアドレスを教えていただいた方が解決が早いかもしれません。

zero様

ご丁寧な回答ありがとうございました。
試しに数値を変更いたしましたが、ばっちり設定できそうです。
どうもありがとうございました。

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: