フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
スマホ版ヘッダー：カスタムボタンのアイコン色について < SWELLに関する質問
通知
すべてクリア
Topic starter
いつも大変お世話になっております。
前回はお忙しい中、ご丁寧なご回答ありがとうございました><大変助かりました。
スマホ版のヘッダーについて、カスタムボタンで、Instagramのアイコンを使いたいのですが、
呼び出せるアイコンの色がカラフルなものだと背景色に合わず、PC用のように、白い色のアイコン色にしたいのですが、呼び出すショートコードがございましたら、ご教示頂けると幸いです><
お忙しい中恐縮ではございますが、
何卒よろしくお願い致します。
投稿済 : 10/08/2021 2:24 am
この場所は、アイコンのクラス名を挿入する場所になります。ショートコードを挿入する場所ではありません。
以下の方法で可能です。
- アイコンクラス名に、さらに任意のクラス名を追加
たとえば、icon-searchであれば、追加でspheader-iconなどです。つまり「icon-search spheader-icon」などとします。（間には必ず半角スペースを入れてください。また、spheader-iconは任意のクラス名に変えていただいて良いです） - 追加CSSに以下を追加します。
.spheader-icon {
color: #ffffff;
}
など、任意の色をあててください（カラーコードは自由に変更してください。クラス名は揃えてください）。
追伸）別に本来は他のクラス名をあてなくても良いのですが、こっちのやり方だとSWELLのCSSルールが変更されたときにも対応できるのと、あと「CSSのカスタマイズ」となると本来は、ただ単に「完全なサポート外です」って言うだけになるので（これも厳密に言えばサポート外かもしれませんが。。笑）、微妙にそれっぽくなさそうな変更方法を探してみました。
にゃーん .
投稿済 : 10/08/2021 3:02 am
了(開発者) reacted
Topic starter
しらこ様
で、で、で、できましたーーーーー：；
いつもありがとうございます！！
本当に本当に助かりました！！
さまざま考慮してくださり、いつも助けて頂いて、
本当にありがとうございます><
今後とも、よろしくお願い致します！
（なるべく、自力解決に努めます…！）
投稿済 : 10/08/2021 12:57 pm