WordPressテーマSANGOの質問

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

アリンコ

2020/01/30

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

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

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; /* 背景色コード（上と同じ色） */
}

よろしくお願いします。