-
投稿者検索結果
-
2024年1月8日 5:49 AM #134972
返信が含まれるトピック: セクション内で画像を余白無く配置しレスポンシブ対応させたい
>キタジマさん
お世話になっております。
ご返信いただきありがとうございます。
ご紹介いただいたコードはsnow monkey blocksのほうの「メディアとテキスト」でよろしいでしょうか?
WordPressの追加CSSに書いてみたのですが、やはり画像の上下に余白が生まれてしまいました…
クラスを指定したので何か記述ミスなどでうまくいっていないのか?と思いそのままコピペもしてみたのですが同様でした。
セクション(ブロークングリッド)については、PC では margin という意味での余白はないので、具体的にどういう感じが想像できませんでした。すみません…。
こちらは、セクション(ブロークングリッド)の場合は余白が無いのでデフォルトで余白の無い画像、たとえば添付画像のように下の余白が無いものだとその次のセクションや項目とピッタリくっつく、と言う理解でよろしいでしょうか?
こちらも試してみたところうまくいかない…と思ったのですが、ブロック設定のところにパディングの項目があったので0にしたところこちらでピッタリくっつきました。基本的にはセクション(ブロークングリッド)で対応すれば良さそうでしょうか…?
♥ 0Who liked: No user2024年1月6日 8:32 PM #134945返信が含まれるトピック: 表示中の固定ページを、メニューで強調したい
こちらのアクティブなメニューに対する背景色、文字色は追加CSSで設定する必要があるのでしょうか?
いえ、カスタマイザー→デザイン→ヘッダー→グローバルナビゲーションのカレント表示エフェクトの設定に応じて、自動的に装飾がおこなわれます。
もしグローバルナビゲーションの文字色や、リンク色などを CSS で独自にカスタマイズされているのであれば、その影響で装飾が上書きされて、というのは考えられるかもしれません。
2024年1月5日 1:05 PM #134903返信が含まれるトピック: 表示中の固定ページを、メニューで強調したい
ご確認ありがとうございます!
>この「メニュー」というのは、グローバルナビゲーションに割り当てているメニューのことでしょうか?
はい、おっしゃるとおりです。念のため設定画面を共有します。
>グローバルナビゲーションであれば、このように自動的にカレントページのメニュー項目の色が変わるようになっているのですが、それがなっていない、ということでしょうか?
はい、上記の状態で、サイト回遊をしてもメニューの文字色が変わりません。
デベロッパーツールを使ってサイト上で確認したところ、アクティブメニュー用の記述は適用されているようでした。
こちらのアクティブなメニューに対する背景色、文字色は追加CSSで設定する必要があるのでしょうか?
お手数おかけしますが、ご確認のほどよろしくお願いいたします!
♥ 0Who liked: No user2024年1月5日 12:15 PM #134899返信が含まれるトピック: セクション内で画像を余白無く配置しレスポンシブ対応させたい
「メディアとテキスト」や「セクション(ブロークングリッド)」はある程度の決まった見た目のものを簡単に実現できるというブロックになります。このようなブロックに汎用的(ユーザーの多くが一般的に利用する)でない設定をブロックに持たせるのは混乱を招くので、独自にブロックスタイルを追加したり、CSS で調整してもらうのが良いかなと思います。
メディアとテキストブロックだとこういう感じでしょうか。
※下記のサンプルは全てのメディアとテキストブロックに反映されるため、本来は追加 CSS クラスを記述してそれをセレクタにしたり、ブロックスタイルを追加して CSS を書くのが良いです。.smb-media-text__contents-wrapper { margin: 0 !important; }
セクション(ブロークングリッド)については、PC では
margin
という意味での余白はないので、具体的にどういう感じが想像できませんでした。すみません…。♥ 0Who liked: No user2024年1月5日 8:59 AM #134890返信が含まれるトピック: ボタンのバリエーションがほしい
追加されるかどうかはわかりませんが、僕の場合、お仕事で制作するサイトで、よく利用するスタイルについてはブロックスタイルを登録して、利用者がワンクリックで変えられるようにしています。
希望されるブロックスタイルが追加されなかった場合には、ブロックスタイルを独自で用意すると便利かと思います。それほど難しい仕組みでもありませんし、情報も探せば多いと思います。
2024年1月3日 10:32 AM #134844返信が含まれるトピック: 6つあるタブの背景色の色を、それぞれ異なる色にしたい。
構造的に
.smb-tabs__tab
のもう一つ上の階層から指定する必要があります。.smb-tabs__tab-wrapper:nth-child(1) .smb-tabs__tab { background-color: red; } .smb-tabs__tab-wrapper:nth-child(2) .smb-tabs__tab { background-color: blue; }
また、
.smb-tabs__tab
に関連して一部CSSプロパティで指定されているものもあるので、実現されたいことによっては、こちらでの管理を活用しても良いかもしれません。--smb-tabs--tab-background-color: var(--smb-tabs--background-color); --smb-tabs--tab-border-color: var(--smb-tabs--border-color); --smb-tabs--tab-color: var(--smb-tabs--color);
2023年12月28日 11:04 AM #134729これはカスタマイズのレベルではかなり難しい気がして、多分スライダーを実現している元の js のライブラリのほうに手を入れないといけないのかなという気がします。まずはできるかどうかの検証から必要だと思うので、今後の検討課題とさせてください!(GitHub に issue は立てました)
♥ 0Who liked: No user2023年12月28日 10:43 AM #134727返信が含まれるトピック: ヘッダーのロゴ画像のブレイクポイントを変更したい
2023年12月27日 12:42 AM #134689返信が含まれるトピック: ドロワーメニューにも説明欄に記入しているテキストを表示させたい
あれ、すみません、ちょっとよくわからなくなってきました^^;
「テキストは表示されるようになってます!」というのは、もともとは表示されていなかったけど、僕が #134633 の返信で書いたコードを追加したら表示されるようになったということですかね? だけど「String(10)〜」みたいなのが邪魔…みたいなことでしょうか?
もしそういうことであれば、トピックを立てた段階の動いていないコードは消して、僕が #134633 の返信で書いたコードの中の
var_dump(〜省略〜);
を全部消してください。♥ 0Who liked: No user2023年12月26日 7:48 PM #134679返信が含まれるトピック: 昨日まで読み込まれていたmy snow monkeyのCSSが反映されなくなってしまった
2023年12月26日 4:07 PM #134671返信が含まれるトピック: ドロワーメニューにも説明欄に記入しているテキストを表示させたい
説明欄には画像にも表示されているようにアイコンの下に表記されているものが説明欄となっています。
HOME MENU INFORMATION がドロワーのほうもグローバルの方もこちらの表示がされなくて、アイコンのみの表示となっておりました。
♥ 0Who liked: No user2023年12月26日 3:22 PM #134659返信が含まれるトピック: snow-monke舞アカウントプラグインできない
2023年12月26日 3:07 PM #134654返信が含まれるトピック: ドロワーメニューにも説明欄に記入しているテキストを表示させたい
ドロワーはこうなっています。
♥ 0Who liked: No user2023年12月26日 2:34 PM #134649返信が含まれるトピック: ドロワーメニューにも説明欄に記入しているテキストを表示させたい
テキストは表示されるようになってます!
♥ 0Who liked: No user2023年12月26日 2:28 PM #134647返信が含まれるトピック: ドロワーメニューにも説明欄に記入しているテキストを表示させたい
画像のようになったのですが、挿入位置が間違っているのでしょうか??
♥ 0Who liked: No user -
投稿者検索結果