位置を横幅のセンターに持っていきたいのですができません。
cssだけで可能なのでしょうか?
やり方を教えてほしいです。
どなたか指導の方よろしくお願いします。
別の方法を紹介します。
ここではロゴ画像を指定し、対象の要素にセンタリングを指定します。具体的には「.sitename img」要素に margin を指定します。
margin: 0 auto;
/*
Theme Name: stinger5 child
Template: stinger5ver20150505b
*/
.sitename img {
margin: 0 auto;
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
margin: 0 auto;
STINGER5 のデモページで試してみました。
http://wp-fun.com/demo/
サイトタイトルって、ここでいう STINGER5 DEMO の部分ですよね?
ロゴを人力検索のロゴに変えてみたのが以下の CSS です。
たとえば、style.css の末尾に追加します。
header .sitename { background-image: url("http://q.hatena.ne.jp/images/logo_question.png"); /* ロゴの URL */ background-position: center center; background-repeat: no-repeat; } header .sitename > a { display: block; color: transparent; }
こんな感じになります。
ロゴ(サイトタイトル)をクリックしたときにトップページにリンクするのは残してあります。
リンクを消したいのであれば、A 要素を非表示にしてください。
こちらの方法もうまくいきました!
ありがとうございます!
別の方法を紹介します。
ここではロゴ画像を指定し、対象の要素にセンタリングを指定します。具体的には「.sitename img」要素に margin を指定します。
margin: 0 auto;
/*
Theme Name: stinger5 child
Template: stinger5ver20150505b
*/
.sitename img {
margin: 0 auto;
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
margin: 0 auto;
できました!
ありがとうございます!
できました!
2015/06/22 17:59:40ありがとうございます!