WordPressテーマSANGOの質問

吹き出しショートコードのアイコンを丸くしない

アバター
lan

お世話になっております。

吹き出しのアイコンを丸くせずにそのままのサイズで表示させるにはCSSのどこを弄ればよろしいでしょうか?

SANGOのショートコード一覧
SANGOのショートコード一覧
コメントへの回答
サルワカくん
サルワカくん
2018/03/26

子テーマのstyle.cssなどに

.faceicon img {
border-radius: none;
}

と追加すれば四角になります。もし線を消したい場合は、

.faceicon img {
border-radius: none;
border:none;
}

としてください。

アバター
lan
2018/03/31

お返事ありがとうございます。
子テーマのcssを指摘通りに変更したのですが、画像がどうしても楕円形に表示されてしまいます。アイコン画像ではなく、スクショ画像を使った為、画像サイズが大きすぎるのでしょか?

サルワカくん
サルワカくん
2018/03/31

本当ですか・・・。可能であれば、該当のページのURLを教えて頂けますか?確認します。

アバター
lan
2018/04/03

度々すみません。
画像のサイズを変更したのですが、吹き出し部分のサイズが固定されてしまっていて、意図した通りに表示されません。
吹き出し部分のサイズも画像のサイズに合わせて調節するにはどう記述すれば良いのでしょうか?

アバター
lan
2018/04/02

ご指摘通り、タグを変更したら解決できました。
更に画像のサイズを拡大したりするににはどうすればよろしいでしょうか?

アバター
lan
2018/04/02

該当ページのアドレスは以下です。

http://crypto369.net/2018/03/31/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%83%86%e3%82%b9%e3%83%88/

よろしくお願いします。

サルワカくん
サルワカくん
2018/04/02

このコメントのCSSをご利用頂ければサイズ変更ができます。
2つの150pxの値(=画像サイズ)をお好みで調整してくださいませ。

サルワカくん
サルワカくん
2018/04/02

ありがとうございます。

.faceicon img { border-radius: none;
}

というところがあると思うのですが、この中の border-radius: none;border-radius: 0!important;にしてみて頂けますか?