SIRIUS（シリウス）レスポンシブテンプレート【facile】ランキング機能ボタンカラー変更方法

「画像管理」を開くと、「詳細ページはこちら」と「公式ページはこちら」のボタンのカラーバリエーションが同梱されています。

「詳細ページはこちら」は、「button_more.png」が、
「公式ページはこちら」は、「button_official.png」が表示されるようになっています。

ですのでボタンのカラーを変更したい場合は、元のカラーのファイル名を別名に変更して、お好きなボタンのファイル名をそれぞれ「button_more.png」「button_official.png」に変更するだけです。

スマートフォン用のボタンカラー変更方法

仕様の都合で、スマートフォンとタブレットの場合はボタンは画像ではなく、CSSコードで描いています。
ですので、スマートフォン向けはCSS(スタイルシート）を少し変更する必要があります。

編集＞スタイルシートを開いて、上記箇所を探してください。

蛍光マーカーで記された「#○○○○○」の色コードを書き換えることで、ボタンの色を変更できます。

同梱されたボタン画像の色に合わせる場合は、以下の色コードを参考にしてください。

一応、スタイルシート内にも上記のように書いておきましたのでご安心ください。

無理にこの色にする必要はありませんので、紹介したい商品やリンク先のサイトに合わせてボタンの色を変更してみると良いと思います。

関連ページ一覧

私のお勧め