フォーラムへの返信
-
最近TOPにお知らせバーを付けたのですが
ここの文字サイズを小さくしたいのですが、
調整方法を教えてください。.p-infobar__contentに対してCSSでフォントサイズを指定することで変更が可能です。またこのバーの中にインスタのアイコンとかを
表示させることなんて難しいですよね？
もし可能でしたら合わせてよろしくお願いします！！こちらは別件の内容となりますので、フォーラムルールとしては、１トピックにつき１つの内容ということになっておりますので、別トピックを立てていただくことをお勧めします。
Who liked:
スマホ、タブレットで、縦並びになったときに、ボタンの長さと、位置を
そろえたいです。ボタン幅サイズは中のテキストの量で可変となります。ですので、文章内容が違うボタンの幅を統一したい場合には、CSSにてデバイス毎にサイズを指定してあげるしかないかなと思います。
.wp-block-snow-monkey-blocks-btnにwidth:100%を加えて、.smb-btnにもwidth: 100%を加えれば全幅になると思います。しかし、他のボタンにも作用してしまうので、ボタンエリアに任意のクラス名を追加することをお勧めします。あとは、メディアクエリでスマホとタブレット時の幅を調整し、PC表示時には解除するCSSを書けば実現できると思います。
Who liked:
こちらの状況を当方ローカルで再現して確認してみました。
ウィジェットの設定画面で、タイトルとリードテキスト、そのあとに背景色を設定できると思いますが、こちらのデフォルト値が
#ffffffになっており、そちらがwpaw-pr-boxというこのウィジェットの全体を囲っている要素にインライン出力されています。ですので、CSS的にはこちらを
!importantで上書きするしかないとは思いますが、下記添付画像のように設定画面で任意の背景色を設定すれば解決しないでしょうか？仮に、ウィジェット設定画面では
#ffffffを設定しておき、CSS側から変更を加えないといけない理由が当てばコメントで追記いただければと思います。
Who liked:
春 さん
トップページのみロゴを消したい
とのことですが、上記の情報ではコレという情報を提供することが難しいです。なぜなら、全てのブラウザ幅で消したいのか、ヘッダーのレイアウトは何を選択しているのかという情報を確認してからでないと、記述内容やHTML構造も変わってきてしまうからです。
ですので、まずは、
- 消したいのは全てのブラウザ幅？PCだけ？
- ヘッダーのレイアウトは何を選択しているか
という情報が必要かと思います。それが揃うと答えてくれる人も増えると思いますので良かったら追加情報をお願いします。
Who liked:
Snow Monkey Blocks の「メディアと文章」ブロックを利用されていると思うのですが、添付画像のような設定画面がサイドバーにありませんでしょうか？
こちらで表示順を指定することで任意に切り替えることができるはずです。
ご確認ください。
Who liked:
こちらの環境で掲載いただいているソースコード
.smb-accordion__item__title { background: beige; }を、開発者ツール・実際の環境に、そのままコピペしてみましたが、問題なく反映されました。
拝見するとバージョンが最新ではないので、その点が影響しているかどうかは僕の方では判断できないのですが、反映されない場合にどんなCSSが優先的に効いているかを開発者ツールで確認することができるかと思いますが、確認いただけそうでしょうか？（添付画像のような感じで）
Who liked: No user
