WordPressテーマSANGOの質問

ボタン下の余白が変

アバター
ひろ

サイト非公開でお願いします。
7月11日の質問者様と同様に、スマホから見るとボタンの下に無駄な余白が生じてしまいます。
CSSとPHPはコピペしただけです。

SANGOでアフィリエイトボタンを使う
【SANGO】アフィリエイトリンクを改変せずにボタンを使う方法
コメントへの回答
サルワカくん
サルワカくん
2019/03/10

確認してみたところ

<div class="btn2 raised red-bc strong">
<a href="https://○○">テキスト</a><br>
</div>

というように謎のbrタグ(改行タグ)が入ってしまっています。
WordPress本体の仕様によりbrタグが入ってしまったのだと思います。

【対処法1】
brタグが自動で挿入されている場合、タグとタグの間を詰める(改行を消す)ことでbrタグの自動挿入がなくなると思います。

【対処法2】
以下のCSSを子テーマのstyle.cssに追加し、キャッシュを削除することで、強制的にbtnタグ内に入ったbrタグを非表示にすることができます。

.btn2 br {
    display: none;
}

よろしくお願いします。