吹き出し、 顔のアイコンの表示について

[降籏 達生]

お世話になっております。
ハタ コンサルタントの磯村です。

先日購入しましたword-balloon-proについて
不具合がありましたのでご連絡いたします。

まずは下記のサイトを見ていただけますでしょうか。
https://hata-web.com/hatacon_blog/29044/

セリフの吹き出しがなくなっているのと、
顔のアイコンが欠けているのが分かるかと思います。

こちらの修正もしくは対応策を
教えていただくことは可能でしょうか？

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

[やーまん]

お問い合わせありがとうございます。

確認した所、お使いのテーマファイルの影響を受けています。

テーマフォルダ以下の
css/add/page.css

約457行目から始まる
#news #main p,
#news #main div{
overflow: hidden;
}

こちらの記述が影響しています。

こちらの記述を削除すると正常に表示されます。

この記述方法だとpタグdivタグ全てが影響します。

Word Balloonはpタグdivタグを使用しています。
その影響でご指摘の状態となっております。

pタグdivタグといった大きなくくりでは無く
クラス名で指定されるなどにしてみてはどうでしょうか？

なぜこの様な記述をされているのかは
テーマ作成者ではありませんので
こちらでは分かりません。

それ以外ではよくある質問内でも紹介している
:not(.w_b_div)を追記する形です。

https://support.back2nature.jp/word-balloon/word-balloon-dealt-with-that-crumble/

申し訳ありませんが、
特定のテーマに対応する様なバージョンアップは行いません。

スタイルシートの記述方法を変更しご対応ください。
よろしくお願いいたします。

[降籏 達生]

返信遅くなり申し訳ありません。

原因を分かりやすく教えてくださりありがとうございます。
テーマファイルの影響を受けていたのですね。

:not(.w_b_div)を追記する形にする場合は、

#news #main p:not(.w_b_div){
overflow: hidden;
}

#news #main div:not(.w_b_div){
overflow: hidden;
}

というように追記したらよろしいのでしょうか？
（初心者のため理解不足でしたら申し訳ありません…）

テーマ作成者の意図が分からないので
元の記述を崩さずに対応したいです。

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

[やーまん]

ご確認ありがとうございます。

残念ながらご記入頂いた方法では効果は出ません。

テーマフォルダ以下の
css/add/page.css

約457行目から始まるコードを書き換える必要があります。

#news #main p,
#news #main div:not(.w_b_div){
overflow: hidden;
}

どうぞよろしくお願いいたします。