-
検索結果
-
まーちゅうさん
キタジマさん
ありがとうございます！
すみません、動きを根本から勘違いしていました。。
投稿IDをボタンに指定していないとだめだったのですね。
対応考えてみます。ありがとうございました。
Who liked:
トピック: フォーム入力エラー時のスクロール場所について
【お使いの Snow Monkey のバージョン】20.0.1
【お使いの Snow Monkey Blocks のバージョン】19.0.1
【お使いの Snow Monkey Editor のバージョン】9.2.0
【お使いのブラウザ】Chrome
【当該サイトのURL】一旦伏せさせていただきます（申し訳ありません！）### 実現したいこと
フォーム（htmlで記載 ※snow monkey formではなく）にて入力必須項目が未入力の場合エラーが出るかと思いますが、エラー項目の1番上にスクロールする際、固定ヘッダーによりスクロール位置がズレる（ズレて見える）ため、何十pxかスクロール位置を上にズラしたいです。
### 発生している問題
コードは調べてなんとなくわかっているのですが、セレクタ名等々含めて実装方法がわからず、です m(_ _)m
### 試したこと
my snowmonkeyにて外部jsファイル読み込みまではできています。
※全く検討違いなことをしていたら申し訳ありません一旦上記記載いたしますが、追加で不足情報などありましたら提出させていただきたく思っております。
お手数をお掛けいたしますが、引き続き、宜しくお願い致します。[ プライベートトピックのため非表示 ]Who liked:単にセクション（ブロークングリッド）を全幅にして「コンテンツ部分のコンテナーの余白を削除」は無効にしておけば案1にはなりますよね？
スマホではそうなりますが、PCの時キャプチャとは異なり
paddingができてしまう…といった感じです。キャプチャのように実装となると
.c-container--no-paddingに対してメディアクエリかなと思いますが、お手数おかけしますので、こちらで都度CSSを当てるようにいたします…！ありがとうございました。
他の方のご参考にもなるかもしれませんので、記載しておきます。
/* セクション（ブロークングリッド）全幅設定 */ .smb-section-break-the-grid .c-container--no-padding { padding-left: var(--_container-margin-left)!important; padding-right: var(--_container-margin-right)!important; } @media (min-width: 1024px) { .smb-section-break-the-grid .c-container--no-padding { padding-left: 0!important; padding-right: 0!important; }Who liked:
こんにちは Sさん
お困りの現象についてですが、ご自身で追記したCSSの指定方法が!important の強めな宣言なこともあり、元々Snow Monkey側で指示があったバツの状態では透明になってね！っていう指示が上書きされてしまっていてる状態です。
なので、バツの状態のときは２本目の線は透明になってね それも!important でよろしく！ っていう方法を追記するか、線の色を変える指示の仕方を変えるかのどちらかになるかと思います。
私の場合だと、元々あるスタイルは活かせたほうが良いかと思う性分なので、線の色指定の仕方を下記に変更しちゃいますね。
（元々Snow Monkeyでは線の色を--header-text-colorという箱に入ってる色にしてね という指定の仕方をしてたので、それを使って、--header-text-colorの箱の中自体を#fffという指示に変える記述にしています）.l-header .c-hamburger-btn__bar { --header-text-color: #fff; }※
--header-text-colorの箱を使っての記法は、割と最近のSnow Monkeyになってからされてる感じなので、ご参考にされてるコードと全然違う感じかもしれません。戸惑わせたらごめんなさいWho liked:
### 発生している問題
#post-95849
の通りCSSに記載してもサイズ等が変更されない
コピペだとダメですよ。
CSSのコメントアウトが//になっているのが原因です。// ボタンのサイズ .c-hamburger-btn__bars { width: 26px; // 好きなサイズを設定 height: 18px; // バーの太さと位置から計算して設定 } // バーの太さ .c-hamburger-btn__bar { height: 2px; } // 2本目のバーのy位置 .c-hamburger-btn__bar:nth-of-type(2) { top: 8px; } // 3本目のバーのy位置 .c-hamburger-btn__bar:nth-of-type(3) { top: 16px; } // MENU の文字サイズ .c-hamburger-btn__label { font-size: 12px; }
↓コメントを残すなら、以下のように修正して追加してみてください。/* ボタンのサイズ */ .c-hamburger-btn__bars { width: 26px; /* 好きなサイズを設定 */ height: 18px; /* バーの太さと位置から計算して設定 */ } /* バーの太さ */ .c-hamburger-btn__bar { height: 2px; } /* 2本目のバーのy位置 */ .c-hamburger-btn__bar:nth-of-type(2) { top: 8px; } /* 3本目のバーのy位置 */ .c-hamburger-btn__bar:nth-of-type(3) { top: 16px; } /* MENU の文字サイズ */ .c-hamburger-btn__label { font-size: 12px; }Who liked:
キタジマ様
アップデートすると「任意のタクソノミーの投稿」ブロックで年月日が表示されました！
ありがとうございます！もう一カ所同様の問題が生じているところがありましたが、同時に直るのだと思いお伝えしておりませでした。
ウィジェットの「Snow Monkey: 任意のタクソノミーの投稿」を使用していて、以前は以下画像の赤枠で囲っているところに年月日が表示されていました。
お手数をおかけしますが、ご確認お願いいたします。
Who liked: No user開発者の方に相談し、無事解決しましたので情報を共有します！
改行文字は誤検出としてブロックされるようです。
解決するには、ファイアウォールルールからこのパターンを削除します。アドオンからホワイトリストをダウンロードし、21行目を次のように編集します。
$bbq_whitelist_query_string_items = array(‘%0a’);
phpファイルをフォルダに格納し、zipに圧縮した後プラグインとしてアップロード、有効化で完了です。
動作確認もしたところエラーも無くなっていました。
ご参考になれば幸いです。
Who liked:
Snow Monkey Blocks v19.5.0 で追加しました！
ありがとうございます。
「コンテンツ部分のコンテナーの余白を削除」を有効化すると、コンテンツ・メディアともに全幅になるため、先に挙げたキャプチャ案１のようにはできないのですが、ここは実装が難しいので、各自CSSで調整してくださいということになりますかね？
Who liked: No user失礼しました。
もともと実現したかったことが、画像の通りなのですが、
前提として、セクションは全幅で使用します（全面に背景色をつけたいため）。
コンテナーの配置
- デフォルト・幅広（左側のレイアウト）
- 全幅（右側のレイアウト）
のようになればという感じでしたが、「コンテナーの配置」は、あくまでもコンテナーの最大幅（max-width）のみの制御、ということなのでこちらの案は却下でお願い致します！
また「コンテンツ部分のコンテナーの余白を削除」が追加されるとのことなので、こちらの実装を待ってからご意見した方が良さそうですね。
お忙しい中での、ご対応ありがとうございます。
Who liked: No user
