WordPressテーマSANGOの質問

BOX28を現状の色と、別の色とで使い分けたい

じょん

2019/04/12

色の変え方などは過去のコメントを見ればわかったのですが、同じデザインで通常の色と別の色とを併用して使いたいです。
何か方法はありませんでしょうか？
教えていただけますと幸いです。

ボックス・枠を挿入する方法と種類一覧

コメントへの回答

サルワカくん

2019/04/13

ショートコードで挿入するボックスなら簡単に別パターンを作ることができます。
例えば、mybox28というclass名のボックスを作るとします。

.mybox28 {
    margin: 2em 0;
}
.mybox28 .box-title {
    display: inline-block;
    line-height: 1.5;
    padding: 5px 9px 3px;
    border-radius: 5px 5px 0 0;
    background: #色コード;
    color: #fff;
    font-size: 17px;
}
.mybox28 .box-content {
    padding: 1.3em 1em;
    border: solid 3px #色コード;
}

↑2箇所の色コードに好きな色（同色）を入れます。

これで以下のショートコードで、オリジナルカラーのボックスを挿入することができます。
[box class="mybox28" title="タイトル"]文章[/box]

よろしくお願いします。