「versatile banner」プラグインの配置に関するヘルプ

サポート
1

banner_help
banner_help1518×622 50.5 KB

versatile banner plug-in の設定について、私の要件に合わせてお手伝いください。

基本的には、オレンジ色のボタンを「2 つのオレンジ色のバーの間」になるように上にずらしたいと考えています。そのため、「2 番目の列の内容」からボタンの HTML コードをコピーし、「メインの見出しの内容」に貼り付けようと考えました。これは簡単な修正のように思えますが、やってみるとボタンがオレンジ色ではなく黒色になり、中央揃えにもなりません。どのようにすればボタンを中央揃えにし、オレンジ色にできるか、ご存知の方はいらっしゃいますか？

2

ボタン色の CSS ルールが少し細かすぎたようです。今後のアップデートでより汎用的になるように変更するようメモします。お使いの HTML は確認できませんが、以下のように記述できるはずです。

.banner-box .section-header .description {
  text-align: center;
  .btn {
    background-color: $secondary_text_color;
  }
}

オレンジ色のバーを削除するか、パディングを追加するとよいでしょう。