Q.質問内容
・フッターバー(モバイル端末専用)のアイコン付きボタンの高さを高くしたい
・フッターバーの大きさを全体的に大きくしたい
・フッターバーのフォントサイズを上げたい
ポイントフッターバーの高くすると表示範囲が狭まり、記事の可読性が損なわれます。
また、縦並びではフォントサイズもそこまで上げることが出来ません。
こちらでは横並びにすることで、テキストを大きくするご案内をします。
▼変更箇所イメージ
A.下記の方法でカスタマイズしてください。
管理画面左メニュー【TCDテーマオプション】 > 【基本設定】 の「カスタムCSS」に、下記CSSを入力してください。
/** フッターバーを横並びにして高さを上げる **/ .p-footer-bar__item-link{ flex-direction: row; justify-content: center; padding-bottom: 0; height: 55px; } /** フッターバーのラベルに空白を作り、フォントサイズを大きくする **/ .p-footer-bar__item-label{ margin-left: 0.5em; font-size: 1.3em; } /** フッターバーのアイコンの下の空白を削除する **/ .p-footer-bar__icon:before{ margin-bottom: 0; }
高さはお好みで調整してください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!