アイコンの色変更を教えてください SWLL標準使用・Font Awesome < ご要望

不具合報告では、その現象が確認できるURLを添えて、ご報告ください。
(+できれば画像も添付していただければ助かります。)

トピックを立てる前にチェックしてね!
  1. 初めてご利用の方は、 「フォーラムガイドライン」・「よくある質問」・「SWELLでの非推奨プラグイン」に一度は目を通しておいてください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. WordPressでの不具合が全てテーマによる不具合だとは限りません
    本当にテーマによる問題かどうか、プラグインを見直して解決しないかどうかも先に検証しておいていただけると、非常に助かります。
  4. まずはGoogleで検索してみて、自力で解決できる問題かどうかを調べてみてください。
    ここで質問しようとしている内容をそのまま検索すれば答えが見つかるかもしれません。
アイコンの色変更を教えてください SW...
 
通知
すべてクリア

アイコンの色変更を教えてください SWLL標準使用・Font Awesome

konaka
(@konaka)
New Member

こんにちは、いつも大変お世話になっております。

基本的なことかもしれなくて恐縮ですが、アイコンの色の変え方を教えて頂けないでしょうか?

モノクロのアイコンの色をHPに合わせた色に変えたいです。

Font AwesomeについてGoogle検索したところ、この記事がわかりやすかったのですが↓

https://pix524.net/fontawesome-color/

記事に呼び出したショートコードに続けるやりかたで、大きさ変更、スピンや回転はできましたが、色変更だけできませんでした。

Font Awesome

大きさ変更:[icon class="fab fa-facebook-square fa-3x"] できた

スピン:[icon class="fab fa-facebook-square fa-spin"] できた

回転:[icon class="fab fa-facebook-square fa-rotate-180"] できた

色変更:[icon class="fab fa-facebook-square" style="color: royalblue;"] できなかった

またSWELL標準設定のアイコンの色変更の方法についても、教えて頂きたいです。

できればマニュアルに追記頂けると私のような初心者の助けになると思うので、合わせてご検討ください。

よろしくお願いします 。

引用
Topic starter 投稿済 : 20/11/2020 1:31 pm
了
 
(@ryo)
メンバー Admin

[icon]ショートコードには現在styleを当てる機能はないので、任意のクラス名を追加していただき、そちらに対してCSSでカラーを変更していただくといいかもしれません。

また、ショートコードの部分をブロックツールバーの色変更機能で変えていただくことでも、展開後のアイコンのカラーが変わったような気がします!

返信引用
投稿済 : 23/11/2020 11:22 am
共有: