widget_sp_image というクラスが付くようですので
style.css に
.widget_sp_image {
margin-top: 50px;
}
を追加するのはドウでしょうか。
taku-kさん
ご回答、ありがとうございます。
Style.cssに、
.widget_sp_image {
margin-top: 50px;
}
を貼りこんでみました。
がしかし、変化なし、であります。
私のサイトで試したところ そのコードで反映しました。
margin が効かないのは「marginの相殺」がされてるのかもしれません。
その他の変更（たとえば border: 1px solid black; などを足して黒い枠が反映されるかとか）を加えて それは反映されるのでしたら相殺なのではないかと思います。
taku-kさま
Marginの相殺、ですね。当方のレベルとしては、だんだん、むつかしいことに (;^_^A
念のため、先のお教えいただいたスタイルシート
.widget_sp_image {
margin-top: 50px;
}
を、再度、Style.cssにコピー＆ペーストしてみました。
がしかし、うまく反映してくれないという。。。
つぎに、border: 1px solid blackを、Style.cssにコピペしてみましたが、ダメです。こちらも反映されません。
ということは、Marginは相殺されていないことになりましょうか。。。うーん。
確認の意味を含めてですが
.widget_sp_image {
margin-top: 50px;
border: 1px solid black;
}
というようなコードを style.css に書いても何も変化がないのでしたら、それは根本的に何かが違うように思います。
あとブラウザで確認する時に 更新して再読み込みしてますよね？
その他の原因として、キャッシュ系プラグインを使用してるとかでしょうか。
taku-kさま
お付き合いいただき、ありがとうございます。
.widget_sp_image {
margin-top: 50px;
border: 1px solid black;
}
をstyle.cssに書き込んで、Chromeで見てみました。がしかし、ダメであります。
再読み込み、そののちFirefox、safariで見てみても同様です。
キャッシュ系のプラグインは使用していません。
なにかが、違う。。。のでしょう。
ちなみに、該当ウェッブページは、こいつですっ！
http://tsurumaki-office.com/category/all/
#widget_sp_image-20 {
margin-top: 50px;
}
のようでした。
20の数字は それぞれの画像で異なるので ソースで判別してみて下さい。
ちなみに現在の画像は 20 21 22 のようです。
横から失礼致します。
サイドバーの画像の位置を下げたい、との事ですが
以下の方法でいかがでしょう？
スタイルシート(たぶん、neat.cssって名前？)の
932行目か979行目あたりに該当箇所があるかと思います。
■修正前
————————–
#main #container #sideTower {
float: right;
width: 220px;
clear: none;
}
————————–
■修正後
————————–
#main #container #sideTower {
float: right;
width: 220px;
clear: none;
margin-top: 100px; // これを追加してみてください。
}
————————–
注意点としましては、
Image Widgetの位置を変更しているのではなく、
サイドバー自体を100px下げています。
(つまり、カテゴリ一覧とかを表示しても下がって表示される)
WP_manabuさんの理想の回答とは違うかもしれませんが…。
taku-kさま
たびたびのご回答、お手数をおかけしております。
#widget_sp_image-20 { margin-top: 50px; }
をStyle.CSSに書き込んでみました。
がしかし、やはり、うまく行かないようです。こちらは、当方の今後の宿題とさせてくださいませ。ありがとうございました！
animaru さま
おっしゃるとおり、neat.cssの中に、
#main #container #sideTower {
float: right;
width: 220px;
clear: none;
}
を見つけることができました。で、上記の指定に、margin-top: 100px;をコピー&ペーストしてみたところ、わっ、たしかにイラストどもは下がりました！ 現状では、自分の好みの位置に折り合いをつけ、100pxを50pxにしております。
