WordPressテーマSANGOの質問

吹き出しショートコードの色を変えたい

アバター
アリンコ

いつもお世話になっております。
サンゴのデザインに憧れワードプレスへ移転してきました。

ショートコードの吹き出しを使用する際に、吹き出し部分の枠の色を変更したいのですが、どのようにすれば良いのでしょうか。初歩的な質問で大変恐縮ですが、よろしくお願いいたします。

SANGOのショートコード一覧
SANGOのショートコード一覧
コメントへの回答
サルワカくん
サルワカくん
2020/01/31

お世話になっております。
吹き出しショートコードの枠線色と背景色を変更するためには、以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付ければOKです。

.sc { border-color: #777777; /* 枠線の色コード */
}
.sc:before { border-right-color: #777777; /* 枠線の色コード(上と同じ色) */
}
.right .sc:before { border-left-color: #777777; /* 枠線の色コード(上と同じ色) */
}
/* 背景色は変えない場合は以下のCSSは不要 */
.sc { background: #EFEFEF; /* 背景色コード */
}
.sc:after { border-right-color: #EFEFEF; /* 背景色コード(上と同じ色) */
}
.right .sc:after { border-left-color: #EFEFEF; /* 背景色コード(上と同じ色) */
}

よろしくお願いします。

アバター
アリンコ
2020/02/08

お忙しい中、ご教授いただきありがとうございました。
無事できました。