WordPressテーマSANGOの質問

blockquoteのデフォルトの枠線を消して、背景と「“」をグレーにしたい。

アバター
もぐ

blockquoteのデフォルトの枠線を消して、背景と「“」をグレーにしたい。

https://saruwakakun.com/html-css/reference/blockquote
↑上記、サルワカのblockquoteのデザインを変えるサイトにあるような、CSSをコピーして、追加CSSに張り付けても、デフォルトのblockquoteの「枠線」が消えず、「“」←この記号の色もメインカラーのまま反映されてしまう。

グレーの背景と、グレーの「“」で、blockquoteを表示するにはどうしたら良いでしょうか?

SANGOの箇条書き種類一覧
記事に様々なスタイルの箇条書きを挿入する
コメントへの回答
サルワカくん
サルワカくん
2021/06/22

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

申し訳ございませんがCSSのサポートまではこちらで行っておりません。
ただ、今回に限り可能な限りでご回答いたします。
blockquoteを設置しているページのURLだけご共有いただけますか?
必要なcssを共有したいと思います。
よろしくお願いします。

アバター
もぐ
2021/06/25

ご返信ありがとうございます。m(_ _)m

「blockquote」のページURLはこちらです。
http://ririel.net/test/

blockquoteの枠線が消えず、グレー背景の黒枠になってしまい、「“」←このマークもメインカラーになってしまいます。

枠なし、グレーの背景、「”」グレーの記号に変えたいです。

よろしくお願いします。

サルワカくん
サルワカくん
2021/06/26

お世話になっております。
以下のCSSでいかがでしょうか?
ご確認お願いします。


.entry-content blockquote {
border: none;
}
.entry-content blockquote:before {
color: ここにお好きな"のカラーコード;
}

よろしくお願いします。

アバター
もぐ
2021/06/26

線は消えました!
ありがとうございます!

ただ、「”」←記号のほうは、カラーコードを指定してもメインカラーのまま変わりません。

何か原因は考えられますでしょうか?

サルワカくん
サルワカくん
2021/06/27

お世話になっております。
以下のように!importantをつけていただくといかがでしょうか?
よろしくお願いします。


.entry-content blockquote:before {
color: #494949 !important;
}

アバター
もぐ
2021/06/27

!importantをつけたら色の変更ができるようになりました!

これでblockquoteがオシャレにできます!

あがとうございました!

m(_ _)m

サルワカくん
サルワカくん
2021/06/27

解決されて良かったです!