-
検索結果
-
同じ環境ではないので、再現できないかもしれませんが、一度お試しいただけますか？
まず、スライダー（非推奨）でスライドさせたい各画像は「フルサイズ」として登録されていますか？
わたしの環境では、スライダーの画像を追加する際、メディアライブラリから画像を選択したあと、「フルサイズ」にしましたが、実際は「フルサイズ」になっておらず、【設定】→【メディア】→「大サイズ」幅の上限で設定した（1280px）画像になっていました。
対策として、以下のいずれかでできるかもしれません。
- 上の画像のようにブロックを【HTMLとして編集】にして、画像のURLを直接変更する。
変更後はブロックを【ビジュアル編集】にして戻す。 - スライダーに設定している画像サイズを、一度「サムネイル」に変更する。
その後すぐに「フルサイズ」に変更してページを保存する。
こうすると、フルサイズの画像URLになりました。
これで解消できるかはわかりませんが、一度お試しください。
以下はデモです。
対策前のスライダースライダー（非推奨）は全幅ブロックだが、画像のURLは大サイズの幅で生成された画像URLに。ウィンドウ幅1280px以下では全幅に。
対策後のスライダー
画像URLはアップした画像（フルサイズ）のURLとなり、全幅で表示ができるように。
ただ、非推奨ブロックなので、もしかしたら今後廃止されるかもしれませんので、その点は注意されたほうがいいと思います。
Who liked: No userオンラインコミュニティでアンケートをとったりもしたのですが、
gridへの変更は現段階ではできないかなという結論です！ ただ、余白のとり方をgapに変更するかはまだ検討中で可能性はあります。gapは0、paddingとmarginを変更する場合は詳細度を強めに当てておく、というのが安全なのではないかと思います。ただ、そ実際れで確実に大丈夫だと言い切るのも難しいとは思います。本来はメジャーアップデートのたびに検証・対応作業をおこなうのが理想です。Who liked:.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 textarea { width: 100%!important border: 0px solid #ccc; }修正方法ですね！
コードを拝見したところ、上記のようにwidth: 100%!importantのあとに;セミコロンが入っていないようなので、適用されていないんだと思います。
わたしもたまにセミコロンとかを忘れて「なんで効かないんだぁ〜〜〜」となったりするので、お互い気をつけましょう！borderプロパティは、border: 0;だけでも良いと思います。線が消えないようなら!important;を。
最後の行にもセミコロンを入れておくと、あとからプロパティを加えたときに「なんで効かないんだぁ〜〜〜」とならないので、安心です(^^;)また、Contact Form 7のデフォルトでは
textとtextareaにbox-shadowがかかっているようなので、noneしたほうが良いかもしれません。Who liked:
デベロッパーツールをお使いのようであれば、該当の要素を検証してみるとわかると思いますが、メニューの下線は、擬似要素
:afterで指定されています。
こちらは
.p-global-nav--hover-underline .c-navbar__item[data-active-menu] > a:after { background-color: 変更したいカラーコード; } .p-global-nav--hover-underline .c-navbar__item > a:after { height: 変更したい高さ（太さ）px; }を変更すればお好みの状態になると思います。
また、:hover時の色も変更されるようなら.p-global-nav--hover-underline .c-navbar__item:active>a:after, .p-global-nav--hover-underline .c-navbar__item:focus>a:after, .p-global-nav--hover-underline .c-navbar__item:hover>a:after { background-color: 変更したいカラーコード; }が必要です。
フォーラムでのご質問や回答は、あとからフォーラムを利用される方が参考にすることもありますので、これからはバージョンナンバーをご入力にご協力ください。
時が経てば最新ではなくなってしまいますので。。。【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】safari
【当該サイトのURL】また、ご自分で試されたことも添えていただくと、最適解が得られやすくなると思いますので、ぜひ試したうえでご質問をお願いしたします。
Who liked:
Kumai Kazuyuki さん
先日はありがとうございました。
Polyfillを導入後、Contact form 7 がIE11で送信できなくなったことがわかりましたので、念の為ご報告です。
僕の方は、お問い合わせがIE11ユーザーから届かないのは痛いので、ひとまずIE11でのドロップダウンメニューは断念しました。
Kumai Kazuyukiさんのおかげにより今後の改善に繋がりそうで、本当に感謝です。
キタジマ タカシ さん
今後の改善お待ちしておりますm(_ _)m
Who liked:
解決しました。
ありがとうございます。
キタジマさんの返信のように動画ブロックだけにすると全幅表示ができなかったのでセクションに入れておりました。
GONSYさんの返信と同じように操作してもブロックが動かなかったのですが、考え方を参考にして下記のようにすることで思ったようにスペースを狭めることができました。
ありがとうございました。
.wp-block-video {
margin-bottom: -80px;
}Who liked:
- 上の画像のようにブロックを【HTMLとして編集】にして、画像のURLを直接変更する。
