Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › 本文アイキャッチを中央に
- このトピックには8件の返信、2人の参加者があり、最後に
45歳中年により9年、 6ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年2月6日 2:45 PM #50062
45歳中年
ゲストお世話になっております。
本文アイキャッチを中央に持ってきたいです。
調べたところ、
.eye-catch {
text-align: center;
}をcssに書き込んでみたのですが、
反応しません。あっているかわかりませんが、
.eye-catch {
text-align: center !important;
}と書き込みましたが反応なし。
何か考えられることはありますでしょうか?
ページを更新しても反応ありません。
ご教授お願いします。
-
2017年2月6日 3:50 PM #50064
Hidekichi
ゲストアイキャッチの画像は普通はimgタグで入っています。
よって、.eye-catchはその外枠になり、ここをいくらいじっても中のimgの位置は変わりません。どのようなhtmlとcssが適用されているかにもよりますが、センター寄せにしたいということはアイキャッチが#mainの幅より小さいということも想像できます。そのような状態だと、本来.eye-catchは外枠としてあるだけなので、何もいじらないと100%幅になるはずです。でその中のimgが100%幅より小さいということなら、この状態であれば、
.eye-catch img { display: block; margin: 0 auto; }でセンター寄せになるはずです。
詳しくは、現在のhtmlの状態とcssがどうなっているかわからないので上記で行けるかも知れませんし行けないかも知れません。
コメント欄の上に「※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。」
このように書いてあるように、問題のページのアドレスを公開してください。.eye-catchとimgがどのようになっているか、またそのcssはどうかという関係性が見えないと正しくは返答できないかと思います。
またアイキャッチは通常imgなので幅いっぱいになるはずですがカスタマイザーでアイキャッチを有効にされていますか?
カスタマイザーで「レイアウト 投稿・固定ページ」にある「本文先頭にアイキャッチ画像を表示」と場合によって(オプションで)、「画像」にある「アイキャッチを自動設定」が必要です。 -
2017年2月6日 4:43 PM #50068
-
2017年2月7日 8:17 AM #50080
わいひらキーマスター上記タグというのはどれのことでしょうか?
-
2017年2月7日 8:40 AM #50083
Hidekichi
ゲスト貼り付けられた画像からcss見ましたが、#50064のでいけますよ。

-
2017年2月7日 9:35 PM #50092
45歳中年
ゲストお世話になっております。
それでも変わらない場合なにが
考えられるでしょうか? -
2017年2月7日 10:33 PM #50094
Hidekichi
ゲストブラウザのキャッシュか、記入ミスか、記入したものの前に何かしらエラーがあって追記した部分がスキップされているか、後は未知の問題かでしょうか。
プライベートウィンドウ(firefox)やら、シークレットウィンドウ(chrome)などでキャッシュさせないようにしてまずは確認ですかね。
-
2017年2月7日 10:38 PM #50095
Hidekichi
ゲストグローバルメニューの線と書かれている部分に閉じ}が抜けてるのがひとまずの原因ですかね?
-
2017年2月7日 11:05 PM #50096
45歳中年
ゲストお世話になっております。
}が抜けていたのが原因でした。
たった一つのタグが抜けているだけで、
動作に不具合がでるとは驚きました。ありがとうございます。
CSSを編集するときは
確認しながらやっていこうと思います。
-
-
投稿者投稿
- トピック「本文アイキャッチを中央に」には新しい返信をつけることはできません。