優先順位があることをまったく知らず、勉強しながらいろいろと試してみましたが、素人の私が、たった2日でモノにできるほど甘くはなかったようで、親要素？を揃えようとしてみたり、禁じ手？の「!important」入れてみたりしたのですが上手くいきませんでした。

結局今回は、唯一上手くいった「囲みボタン」ではなく「ボタン」の色変更と、いろいろ試しているうちに覚えた横幅の揃え方を採用して、さらに、アフィリエイトリンクをあまり気が進まなかったバナーにすることによって対応いたしました。

結果的には、当初考えていた見た目よりも良くなったかもしれませんし、副産物として幅の揃え方も学べたので良かったのではないかと考えています。

ちなみに「カスタムcss」に記載した内容を、私と同レベルの方のために貼っておきます。

また、「カスタムcss」は間違えても何度でもやり直せますし、サイト自体を壊してしまう心配がないので非常に重宝致しました。わたしは上手くできませんでしたが。。。

最後に、わいひらさんのお時間のある時で構わないのですが、どのようなコードを書けば優先順位を上げれたのでしょうか…

.btn-deep-orange{background-color: #e95504; width: 130px;}
.btn-light-blue{background-color: #0061b8; width: 130px;}
.btn-indigo{background-color: #002f8c; width: 130px;}
.btn-pink{background-color: #ed174c; width: 130px;}
.btn-red{background-color: #bf0000; width: 130px;}

取り急ぎの謝罪です。高速化無効の保存ボタンを押し忘れておりました。申し訳ござません。

ご教授いただいた内容は、これから理解に励もうと思います。

https://enjoy-lcl.com/archives/6301

こちらのページを含めた複数のページで「囲みボタン」の色を変更したいと考え、投稿ページの「カスタムcss」でいろいろ試しましたが、解決に至りませんでした。度々申し訳ございません。

「ボタン」では以下のコードで上手くいったのですが、

.btn-pink{background-color: #ed174c;}

「囲みボタン」では以下のコードで上手くいきませんでした。

.btn-wrap-pink{background-color: #ed174c;}

根本的に間違っているのかもしれませんが、簡単な間違いであればご教授いただきたいと思いやってまいりました。

よろしくお願い致します。