Facebook
RSS Feed
Oct 26, 2012

【アップデート情報】Time Machineでロゴを中心に表示できない時の対処方法

テーマ「Time Machine」でロゴをアップロードすると、
ロゴの作成サイズによっては中心に表示されないことがあります。
デモと同じ推奨サイズの「133px × 133px」でロゴを作れば問題は無いのですが、
それ以外のサイズで作りたい場合もあるかと思います。
そんな時の対処方法です。

やり方は2通り。
スタイルシートを少しだけ変更します。

◎ダッシュボード>外観>スタイルシート

現在)

.logo {
width:133px;
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
}

↓↓↓↓↓

変更後)

.logo {
text-align:center;
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
}

または

.logo {
width:133px; ←ここの数字をアップロードした画像の横幅と同じにする
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
}

どちらでもでOKです。

*本日アップデートしてどのサイズでアップロードしても中心に来るように変更しました。

関連記事:ロゴをアップロードしたらレイアウトが崩れた場合の解決方法

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト