ふわふわボタンの文字サイズの変え方が分かりません



  • 0_1627283877295_S__51314690.jpg

    いつもお世話になっています。
    グーテンベルクで固定ページを書き、スクショのように画像の右隣に購入ボタンを設置しようと思っています。

    ふわふわボタンを付けることまではできたのですが、どうしてもボタンの文字サイズだけ変え方が分かりません。

    ネットで探しても見つけられず…!お手数ですが、ご回答いただけると嬉しいです💦


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.8
    ご利用のサーバー名 : wpX
    PHPのバージョン : PHP7.4.13
    OS : 14.6
    ご利用のブラウザ : chrome
    該当サイトのURL : https://rinakimu.com/rincontents/



  • @りなえ さん

    こんにちは!

    文字サイズを変更する場合は、カスタマイザーの追加CSSに以下のように書いてみてください。

    @media screen and (max-width: 767px) {
    	.jsb-visual-float a {
    		padding: 15px;
    		font-size : 13px;
    	}
    }
    

    画像と横並びに設置しても、改行されなくなると思います。
    (スマホ表示のみに対応させてます。paddingは余白の調整です)

    ================================================
    補足なのですが...
    上記のコードですと、「スマホでのふわふわボタン」すべてに適応されます。

    いただいてるスクショの場所以外でもふわふわボタンを使う予定がある場合は、

    ①文字サイズを変えたいボタンのみにクラス名を追加
    0_1627289852716_スクリーンショット 2021-07-26 17.53.00.jpg

    ②そのボタンのみにスタイルを当てる

    @media screen and (max-width: 767px) {
    	.fuwafuwa-button a {
    		padding: 15px;
    		font-size : 13px;
    	}
    }
    

    といった作業が必要になりますので、ご参考いただければ幸いです。

    よろしくお願いいたします!



  • ありがとうございます!すぐ修正してみようと思います!!