サポート » テーマ » 画像の影を表示させたくない

  • 解決済 giabit333

    (@giabit333)


    Mistylookというテーマを使用しています。
    このテーマは画像を挿入するとデフォルトで影が付くようになっています。
    投稿記事などの場合は見栄えがしてありがたいのですが例えばサイドバーにプラグインの
    CategoryIconsを使用してアイコン画像を表示させても影がついてしまいます。

    このような状況です。

    ページ全般でそういう仕様らしく自分なりに検索をして調べたりしてみましたが
    解決することができなくて質問をさせていただきました。
    こちらの画像の枠を消すには?の事例も当てはまらないようです。
    画像に影を適用する箇所とさせない箇所の切り分けというのはテーマの設定で
    できるのでしょうか?

    wordpressを始めてまだ間がありません、ご回答をいただければ助かります。
    よろしくお願いをいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • cssに指定ありますよ。

    img
    {
    	background:url(img/shadow.gif) no-repeat right bottom;
    	padding:4px 10px 10px 4px;
    	border:0;
    	border-top:#eee 1px solid;
    	border-left:#eee 1px solid;
    }

    画像の枠を消すには?の事例とほぼ同じなので同じ対策でいいかと。

    トピック投稿者 giabit333

    (@giabit333)

    ご回答ありがとうございます。

    画像の枠を消すには? にある

    これのHTML/CSS Insertsという項目をクリックして、最上部のHTML Inserts: Headerの欄内に

    <style type="text/css">
    .post img.border-less {
    border: none;
    padding: 0;
    }
    </style>

    と入力します。

    という部分を自分が使用しているテーマのどこに記述をすればよいのかさえ現段階では
    わかっておらずに質問をさせていただきました。
    もう一度この事例を見直して頑張ってみたいと思います。
    上手く画像の影の表示、非表示の切り分けができましたら報告させていただきます。
    ありがとうございました。

    画像の枠を消すには?の事例にあるテーマとgiabit333さんのお使いのテーマではそもそも仕様が異なるので

    Atahualpaをテーマとして選択していると、外観メニューの最下部にAtahualpa Theme Optionsというメニューが追加されていると思います。

    というのがありません。
    事例と同じと言ったのはcssで同じように指定されているのでcssの書き換えが必要と言う意味です。

    事例の場合はテーマにcssを追加できるような何かがあってそこでborderをなくすcssを追加することと、borederを表示したくない画像には追加したcssを指定するということを行っています。

    giabit333さんのお使いのテーマに特殊な何かが組み込まれているかまではわかりませんが、おそらく私の提示したcssの部分を削除すれば枠は消えますし、記事では枠を表示したいが、表示したくない画像もあるというのであれば、既存のcssに追記で枠がでないcssを記述して枠を表示したくないimgにcssを指定すれば枠は消せます。

    いずれにしてもcssの問題ですのでcssを勉強していただくのが一番ですね;)

    トピック投稿者 giabit333

    (@giabit333)

    shokun0803さん、ご親切にありがとうございます。

    shokun0803さんの仰るとおりです。
    僕自身もっとcssの勉強をして理解を深めてから質問をすべきでした。
    そうあればshokun0803さんのこのスレッド解説でクリアできそうです。
    これから納得のいくまで頑張ります。

    質問部分のテーマの修正はまだこれからですがこのスレッドは閉めさせて
    いただこうと思います。

    おつきあいいただきありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「画像の影を表示させたくない」には新たに返信することはできません。