-
検索結果
-
最近TOPにお知らせバーを付けたのですが
ここの文字サイズを小さくしたいのですが、
調整方法を教えてください。.p-infobar__contentに対してCSSでフォントサイズを指定することで変更が可能です。またこのバーの中にインスタのアイコンとかを
表示させることなんて難しいですよね？
もし可能でしたら合わせてよろしくお願いします！！こちらは別件の内容となりますので、フォーラムルールとしては、１トピックにつき１つの内容ということになっておりますので、別トピックを立てていただくことをお勧めします。
Who liked:
こんにちは。
jQueryでの内容の出し分けまでができているのでしたら、Snow Monkey Forms の設定上は必ず必要な項目以外は任意にしておいて、ページの読み込み時と出し分け時、必要な input 要素に required をつけ外しするという形ではいかがでしょうか。
ブラウザ上でのチェックなので、Snow Monkey Forms が用意してくれているサーバー側のバリデーションのように厳密にはいかないですが。。。
Who liked:
スマホ、タブレットで、縦並びになったときに、ボタンの長さと、位置を
そろえたいです。ボタン幅サイズは中のテキストの量で可変となります。ですので、文章内容が違うボタンの幅を統一したい場合には、CSSにてデバイス毎にサイズを指定してあげるしかないかなと思います。
.wp-block-snow-monkey-blocks-btnにwidth:100%を加えて、.smb-btnにもwidth: 100%を加えれば全幅になると思います。しかし、他のボタンにも作用してしまうので、ボタンエリアに任意のクラス名を追加することをお勧めします。あとは、メディアクエリでスマホとタブレット時の幅を調整し、PC表示時には解除するCSSを書けば実現できると思います。
Who liked:
GONSY様
まーちゅう様
早速お返事いただきまして、ありがとうございます。
.greetings>.smb-section__background{ box-shadow: 10px 10px 0 rgb(240, 52, 2); }でいけました。本当にありがとうございました。
Who liked:見た目は、GONSYさんのと同じですが
セクションブロックの class が、greetings の場合.greetings { background-color: rgb(240, 52, 2); transform: translate(10px, 10px); } .smb-section__background, .smb-section__inner { transform: translate(-10px, -10px); }で、どうでしょうか？
Who liked:
こちらの環境でははみ出さずに動作しているので、ご自身で追加された CSS が影響したりしていませんかね？ 実際の画面を見てみないとなんともわかりませんが、ブロックの一番外側を
overflow: hiddenするのが一番簡単では？と思います。.smb-items__banner { overflow: hidden; }ただ、こうやってどんどん CSS を追加すると後方互換性の維持やメンテナンスが難しくなるので、個人的には根本の原因を探って対処するのが良いと思います。
Who liked:yasuki様
アドバイスありがとうございます！
試してみましたが、変化はありませんでした。
ところで、初期設定では、「ランチ」画像の枠の下辺だけが下に伸びるようになっていますが、その伸びをストップさせたいです。
その際もoverflow: hidden;でいいのでしょうか？
ちなみに、現在の追加CSSは添付の通りです。
キタジマ様
いつもお世話になります。
scale(1.2)がワークしました！
ありがとうございます！
ところで、初期設定では、「ランチ」画像の枠の下辺だけが下に伸びるようになっていますが、その伸びをストップさせたいです。
その際もoverflow: hidden;でいいのでしょうか？
現在の追加CSSは添付の通りですが、スタイルがうまく当たっていません。
もし何かお気づきの点がございましたら、アドバイス頂けると大変ありがたいです。
どうぞよろしくお願いします。
Who liked: No userOlein_jp 様
ご返信いただき、ありがとうございます。
ご指導いただいた通り、
外観 → ウィジェット → フッター → WPAW:PRボックス
と進むと、背景色を設定する箇所があり、
そちらにて「WPAW:PRボックス」の背景色を変更することができました。
完全に私の見落でした…ご面倒をおかけしました。
CSSで行いたい特段の理由はございませんので、これにて一件落着です。
ありがとうございました。
（追伸）
平素より、
Olein_jp様のYoutube動画
や
キタジマ タカシ様とコラボされたWEBページ製作のライブ配信
を拝見させていただいております。
実際に手を動かしているところがみれるので、分かりやすく、いつも勉強させていただいております。
感謝しています。この場をお借りしてお礼を申し上げます。
Who liked:こちらの状況を当方ローカルで再現して確認してみました。
ウィジェットの設定画面で、タイトルとリードテキスト、そのあとに背景色を設定できると思いますが、こちらのデフォルト値が
#ffffffになっており、そちらがwpaw-pr-boxというこのウィジェットの全体を囲っている要素にインライン出力されています。ですので、CSS的にはこちらを
!importantで上書きするしかないとは思いますが、下記添付画像のように設定画面で任意の背景色を設定すれば解決しないでしょうか？仮に、ウィジェット設定画面では
#ffffffを設定しておき、CSS側から変更を加えないといけない理由が当てばコメントで追記いただければと思います。
Who liked:
