[解決済み] HPタイトルを画像に変更

[adomi]

動作に関するご質問の場合は必ずご記入ください。

---

WordPress のバージョン：WordPress 3.5.1

Welcart のバージョン：1.3.1

ご利用のテーマ：Default

症状を確認したブラウザ：IE8

サーバー（会社名、サービス名）：

SSLの利用：　無し ｜ 専用SSL ｜ 共用SSL

WordPress のパーマリンク設定：

---

サイトのタイトルを画像（265×44/png）に変更しようとしてます。

style.cssで

***************************************

h1#site-title,

div#site-title {

margin: 0px;

padding: 55px 0px 10px 10px;

color: #000;

font-size: 30px;

font-weight: bold;

}

*****************************************

この部分を↓のように変更しました。

*****************************************

h1#site-title a,

div#site-title a {

background-image: url(‘http://mokomoko.catfood.jp/wp-content/uploads/2013/04/title.png’);

background-repeat: no-repeat;

display: block;

height: 44px;

width: 265px;

text-indent: -9999px;

}

*****************************************

するとタイトルは画像に変更されましたが、レイアウトが下記の状態に崩れてしまいました。

1.　トップページでは、右のカートの絵のタイヤ部分が隠れてしまった。

2.　他の固定ページ（カートやサンプルページ）では、さらに隠れている。

現在このような状態です。

http://mokomoko.catfood.jp/

綺麗にheader_bg.jpgを表示させたまま、タイトル画像（265×44/png）を表示させるには、どうしたらよいでしょうか。

宜しくお願いします。

[yasumax]

こんにちは。

1.　「#site-title」の指定を削除

2.　「#site-title a」の指定を追加

という順番の作業を行ったかと思います。

この時点で画像を表示するための余白を削除してしまったためカートの画像が見切れたことになります。

以下の指定で修正可能かと思いますので、style.cssに追加してみてください。

h1#site-title,

div#site-title {

margin: 0;

padding: 42px 0 0;

}

[adomi]

問題なく表示されました。

助かりました。ありがとうございます。

[投稿者]

投稿