会員サイトをリニューアルしました! 新サイトはこちら

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

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

アイコンの色変更を教えてください SW...
 
通知
すべてクリア

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

2 投稿
2 ユーザー
0 Likes
1,398 表示
konaka
(@konaka)
New Member
Topic starter
 

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

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

モノクロのアイコンの色を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標準設定のアイコンの色変更の方法についても、教えて頂きたいです。

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

よろしくお願いします 。

 
投稿済 : 20/11/2020 4:31 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

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

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

 
投稿済 : 23/11/2020 2:22 am
共有: