Q&A
使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。また、「メニューの方」とは管理画面内でのことでしょうか？具体的にどの部分かをスクリーンショットなどで指示されたほうが回答を得やすいと思います。
wordpressのウィジェットの文字(タイトルではなく、メニューの方)が左にずれます。
テーマはtwenty twelveです。
ulとliの方です。
css
1 .widget-area .widget ul { 2margin-left:30px; 3} 4.widget-area .widget li { 5margin-left:30px; 6}
cssに上記を追加しましたが、ウィジェットのcssに変化がありませんでいた。
文字の位置のズレを直すには具体的に上記のcssに何を追加すると左ズレを解消できますか?
私が言っている部分はウィジェットの写真とタイトル部分です。
今説明します!
「左ズレ」とはどの部分でしょうか。提示されている画像のどの部分が「ずれ」かがわかりません。
提示している画像の画像と画像の右隣にあるタイトル部分です。この画像みたいにしたいです。
質問されるより、Webブラウザの開発者ツールを使われた方がより簡単に解決する案件のような気がしますが、開発者ツールは使われましたか。
過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。
回答1件
0
ベストアンサー
ウィジェットはデフォルトのものですか？プラグインなどを利用されていますか？どちらの場合でもウィジェット名も提示されたほうが的確な回答が出来ると思います。
その空間が画像側のmarginの場合。
CSS
1.widget-area .widget li img { 2 margin-right: 10px; 3}
とりあえずデベロッパーツールで状態を確認して、それが何を変更すれば実現できるかを考えてみてはいかがでしょうか。
【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/
【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01
【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2
投稿2017/03/24 06:02
総合スコア69407
あなたの回答
tips
プレビュー
