• 解決済 OTSUKI

    (@otsuki)


    ワードプレスを最近始めたばかりの初心者です。
    キャッチアップ画像を小さくした時に表示される背景のグレー斜線部分を透明にしたいです。

    スタイルシートの 1040行目付近の

    * 6.1 Post Thumbnail
    * —————————————————————————–
    */

    .post-thumbnail {
    background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
    display: block;
    position: relative;
    width: 100%;
    z-index: 0;


    background:transparent;
    に書き換えてみましたが、反映されません。
    その他の属性をいじっても反映されないようです。プラグインなどの関係でしょうか?
    原因がわかる方がいらっしゃったら教えていただきたいと思います。

    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • 当該画像ファイルを差し替えるのが面倒は少ないと思います。

    トピック投稿者 OTSUKI

    (@otsuki)

    맹조 様
    透明にはできませんでしたが、画像差し替えで背景と同じ白にできたので、とりあえず解決しました。
    ありがとうございました。

    背景色に合わせて、変更のたびにつくるのも手間ではないですが透過画像を作ると良いですよ。

    トピック投稿者 OTSUKI

    (@otsuki)

    맹조 様
    ありがとうございます。
    svg形式での透過画像の作り方がわからなかったんですが、また試してみます。元画像はsvgだったのですが、それにこだわらなくてもいいのでしょうか。
    png形式でもやってみます。

    (、早い話、この場合は元ファイルは何も弄らなくとも子テーマ等のCSSで

    post-thumbnail {
    background-image:none;
    }

    しておくだけで良かった気がします…

    タブレット、モバイルサイズにした時に、タイトルの長さ次第では余白が出来そうだったので。

6件の返信を表示中 - 1 - 6件目 (全6件中)

トピック「Twenty Forteenのキャッチアップ画像の背景を透明にしたい」には新たに返信することはできません。