サポート » テーマ » 画像枠の消し方

  • Magazine Basic バージョン 3.0.0というテーマを使っているのですが、画像を挿入すると薄いグレーの枠が出て来てしまいます。

    ネット上に出ている画像枠の消し方をいくつか試したのですがダメでした。
    消し方が分かる方がいれば教えて下さい。

    宜しくお願い致します。

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • jpointさん、こんにちは。

    見た感じ画像に対して枠(border)がついているのではなく、
    imgを挟んでいるdivのclassをさわれば良さそうだと思います。

    ryu263さん、ありがとうございます。

    >imgを挟んでいるdivのclassをさわれば良さそう
    というのは具体的にどこをどう変えれば良いのでしょうか?

    あまり詳しくないので、ご回答いただけると助かります。
    宜しくお願い致します。

    jpointさん

    Firebugで見た感じだと、
    style.css に、.wp-caption が書かれているようなので、
    そこの background や border を修正すれば良いかと思います。

    ryu263さん

    ありがとうございます。

    ちょっとやってみたのですが、何も変わらないようです(汗)

    jpointさん

    jpointさんが試した内容を教えて頂けますか。
    ちょっとやってみたのですが、、ではアドバイスは難しいです。。

    ちなみに、
    .wp-caption の background と border をコメントアウトしたらどうなりますか?

    ryu263さん

    色々ありがとうございます。
    やってみたのは下記の様な感じです。

    スタイルシートの

    .wp-caption {
    background: #f6f6f6;
    border: 1px solid #e2e2e2;
    max-width: 100%;
    padding: 10px 10px 5px;
    text-align: center;
    margin-bottom: 20px !important;
    max-width: 100%;
    }

    .widget .wp-caption {
    background: #ffffff;
    border-color: #ffffff;
    }

    のbackground: #f6f6f6; を ffffff(白)に変えてみたり

    border: 1px solid #e2e2e2; を 0px や ffffff(白)に変えてみたり

    してみましたが何も変わりませんでした。

    ちなみに、コメントアウトしても何も変わらなかったです。

    宜しくお願い致します。

    메텔

    (@digitmaetel)

    jpoint さん、はじめまして

    画像を挿入すると薄いグレーの枠が出て来てしまいます。

    投稿内の画像につく枠だけに関してでしたら、
    スタイルシートの

    .entry-content img {
    border: 1px solid #e2e2e2;
    }

    をnone にするか、コメントアウト。投稿の背景色と同じにすれば宜しいでしょう。

    画像がリンクになっている場合は、下線がドットで入ります。
    こちらはスタイルシート全体の指定が反映しているので、投稿の画像部分に限って消したいとしたら、それぞれを個別にスタイルシートで指定すると良いでしょう。

    jpointさん

    公式のデモページにある画像の外枠の薄いグレーと勘違いしていました。
    申し訳ございません。。
    http://wp-themes.com/?p=19

    実際にテーマをいれた訳ではないですが、
    digit@maetelさんがおっしゃるCSSの修正でいけそうですね。

    digit@maetelさん
    ryu263さん

    .entry-content img {
    border: 1px solid #e2e2e2;
    }

    をnone にすることで無事消すことが出来ました!
    ありがとうございます!!

    ちなみになんですが、

    >画像がリンクになっている場合は、下線がドットで入ります。
    >こちらはスタイルシート全体の指定が反映しているので、投稿の画像部分に限って消したいとしたら、それぞれを個別にスタイルシートで指定すると良いでしょう。

    と言うことですが、すべてのリンクのドットを消す方法も
    教えていただけれると助かります。

    何度もすいません!
     

    jpointさん

    こちらでいかがでしょう。

    .entry-content a {
    	border-bottom: 0;
    }
    메텔

    (@digitmaetel)

    jpointさん

    投稿(POST)の中のリンクの下線は、テーマのスタイルシートで次のようになっています。

    .entry-content a {
    	border-bottom: 1px dotted;
    	text-decoration: none;
    }

    記事タイトルは .entry-title a となっているところがあります。
    ryu263さんのサンプルのように。
    任意に変更すると宜しいでしょう。

    ウィジェットにリンクが有る場合は、それぞれのウィジェットのスタイルシートを直すのが良いでしょう。

    ryu263さん
    digit@maetelさん

    バッチリ消えました!

    本当にありがとうございます。
    これで、ホームページをすっきりさせることが出来ました^^

    お二人共に感謝致します!

    jpoint

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • トピック「画像枠の消し方」には新たに返信することはできません。