[ 解決済 ] 投稿リストブロックの枠線を消したい

[totti]

■ 利用テーマとバージョン :
LightningPro　Version:8.2.0

■ 質問内容：
いつもお世話になっております。
「投稿リスト」ブロックを使った時に生じる枠についてお尋ねさせてください。
（#45038の質問と同様の内容ですが、#45038の解決策で解決していません）

トップページに「outer」ブロックを配置し、その中に「投稿リスト」ブロックを配置して、
そこに３本の投稿記事を表示しました。
投稿リストブロックの表示タイプは「カード（線なし）」です。
添付ファイルをご覧いただけますでしょうか。
背景の薄い緑色は、outerブロックの背景画像です。
その上に３本の投稿記事のアイキャッチ画像（PNGファイル）が並んでいます。
モザイクをかけた部分が商品のパッケージ写真。
パッケージ写真の左右は透明です。

緑色の上に薄くグレーの枠線が表示されています。
この枠線を消したいのです。
「追加CSS」欄に以下の通り書き込みました。
———————————–
a::after { border:none }
———————————–
しかし枠線は消えません。
そこで、
———————————–
a::after { border:none !important; }
———————————–
以上の通り「!important」を書き加えても枠線は消えません。
試しに、
———————————–
a::after { border:solid 1px red; }
———————————–
以上の通り書き換えたところ、
狙い通り、赤い枠線が表示されました。
ですからセレクタは「a::after」で正しいのだろうと思います。

もしかするとアイキャッチ画像（PNGファイル）自体が枠線を持っているのかと考え、
調べてみましたが、PNGファイルには枠線はありませんでした。
どうすればグレーの枠線を消すことができるのでしょうか。
いつも質問ばかりで恐縮ですが、
どなたかご教示いただければ大変助かります。
なにとぞよろしくお願い申し上げます。

Attachments:

You must be logged in to view attached files.

[junon]

実際のサイトが見れないのでわかりませんが、
画像を見る限り、borderではなく、box-shadowではないかと思います。

[totti]

junonさま
ご指導ありがとうございます。
a::after{ box-shadow : none; }
以上の通り、追加CSSに書き込んだのですが、
残念なことに、やはり薄いグレーの枠線が残ったままでした。

試しに、
a::after{ box-shadow:2px 2px 2px red; }
以上の通り書き込んでみたところ、
添付ファイルのような状況になりました。
グレーの枠線はbox-shadowとは異なっているような印象です。

Attachments:

You must be logged in to view attached files.

[junon]

URLを教えていただくか
CSSならどのクラスに当てたのか、教えていただかないと
同じ状態を作らないといけないので大変です。

試してみると
box-shadowでなく、やはりborderでしょうか。

.card-noborder .vk_post_imgOuter {
    border: 0;
}

でいかがですか？

[totti]

junonさま
ご指導いただいた通りにセレクタを変更したところ、
見事に枠線が消えました！
ありがとうございます。
本当に助かりました。
———————————–
a::after { border:solid 1px red; }
———————————–
これで枠線が赤くなったので、セレクタはa::afterで間違いないだろうと思い込んでいました。
パーツとセレクタは必ずしも一意のものではないのですね。
大変勉強になりました。
心よりお礼申し上げます。

[投稿者]

投稿