WordPressテーマSANGOの質問

カエレバ・ヨメレバのボタンカスタマイズ

2020/03/13

いつもお世話になっています。

ボタンの幅の変更について
カエレバなどを表示させると「楽天市場」などの文字数に合わせてボタンの幅となりますが、この幅を全部同じ幅にしたいのですが可能でしょうか？

それとボタンの色について
楽天なら赤系、Amazonはオレンジ系の色のボタンが表示されますが自分の好きな色に変更する方法を教えてください。
7netやWowmaなどを表示させると水色系になりますが、これらも個々で色を指定したいので追加変更方法があれば教えて下さい。

よろしくお願いします。

コメントへの回答

サルワカくん

2020/03/13

カエレバのボタンの幅を統一する方法ですが、以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］に貼り付けることで可能です。

.cstmreba .kaerebalink-link1 > div, .booklink-link2 > div {
  width: 200px; /* 幅 */
  text-align: center; /* 文字をボタンの中央に */
}

色を個別に変える方法ですが、以下のようなCSSを追加すればOKです。

.cstmreba .kaerebalink-link1 .shoplinkseven {
  background: #色コード;
}

↑.shoplinksevenのように変えたいボタンのクラス名を入れることになります。

よろしくお願いします。