-
投稿者投稿
-
2024年4月11日 6:46 PM #138382
【お使いの Snow Monkey のバージョン】 25.4.3
【お使いの Snow Monkey Blocks のバージョン】20.5.2
【お使いの Snow Monkey Editor のバージョン】 9.3.3
【お使いのブラウザ】Google Chrome
【当該サイトのURL】フッターCTA Ver 2.3.0
### 実現したいこと
### 発生している問題
フッターCTAの「プライマリーボタン(タブレット&PC)で
「設定されている場合、PCとタブレットではこのボタンを使用します。ラベルとURLのいずれかが未入力の場合、このボタンは使用されません。」
との記述がありますが、設定するにはどうしたらよいでしょうか?(設定するフィールドがないです)また「タブレット&PCでは表示しない」設定はありますでしょうか?
### 試したこと
♥ 0いいねをした人: 居ません2024年4月12日 7:42 AM #138397わ、ほんとですね!! ご報告助かります。とりあえず表示されない件について調査して修正入れます!
♥ 0いいねをした人: 居ません2024年4月12日 9:06 AM #138400Snow Monkey Footer CTA v2.3.1 で修正を入れました。アップデートをお願いします!
また「タブレット&PCでは表示しない」設定はありますでしょうか?
これは「プライマリーボタンを」「セカンダリーボタンを」ということではなくて、フッター CTA 自体を表示しないようにしたい、ということでしょうか?
♥ 0いいねをした人: 居ません2024年4月12日 10:39 AM #138412v2.3.1でプライマリーボタン(タブレット&PC)の設定が表示されるようになりました。ありがとうございます!
これは「プライマリーボタンを」「セカンダリーボタンを」ということではなくて、フッター CTA 自体を表示しないようにしたい、ということでしょうか?
はい、そういう意味でした。
♥ 0いいねをした人: 居ません2024年4月12日 2:24 PM #138432はい、そういう意味でした。
設定としては無いので、CSS で消してしまうのが簡単だと思います。
@media (min-width:640px) { .p-footer-cta { display: none; } }
♥ 0いいねをした人: 居ません2024年4月12日 6:48 PM #138450ありがとうございます。無事にPCで非表示にできました。
とこでいくつかの同じようなサイトに設置しようとしているのですが、ひとつだけボタンのpaddingが異なるサイトがあってどこが違うのか気になっています。
デベロッパーツールでみると下記の同じスタイルがあたっているのですが、
p-footer-cta .c-btn { --_font-size-level: -1; font-size: var(--_font-size); line-height: var(--_line-height); padding: var(--_padding-1); }
var(–_padding-1) の値を見ると
通常は
calc( calc( 1.8 / 3 * 2) * 1rem)
ですが、ひとつだけ
calc( calc( 0.8 / 3 * 2) * 1rem)
となるサイトがあります。
適当な値で上書きすればよいのでしょうが、もし何かお分かりになるようでしたら教えていただけますと助かります。♥ 0いいねをした人: 居ません2024年4月15日 8:52 AM #138499var(–_padding-1)
、計算式を分解していくと実態としては下記のようになっています。((1 + var(--_half-leading)* 2) / 3 * 2) * 1rem
で、
1 + var(--_half-leading)* 2
がline-height
の値(デフォルトだと 1.8)になるんですけど、そこが 0.8 になっているということなので、var(--_half-leading)
を 0.1 にするような CSS がどこかに書いてあるのじゃないかなぁと思いました。実際のサイトを見てみて、CSS の上書きを追っていけば何かわかるかもしれません。
♥ 0いいねをした人: 居ません2024年4月16日 4:23 PM #138764キタジマさんご返答ありがとうございます。
var(--_padding-1)
をたどって行ってみますと--_padding-1 : var(--_s-1);
↓
--_s-1: calc(var(--_ms1) * 1rem);
↓
--_ms1: calc(var(--_space-unitless) / 3 * 2);
↓
--_space-unitless: 0.8;
この
--_space-unitless
が他のサイトでは 1.8 になっているという違いでした。
つまりカスタマイザーの基本デザイン設定の「余白サイズ」デフォルト1.8 がこのサイトでは 0.8 に変更されていたのが原因と判明しました(^^;すっきりしました。
しかしこんな複雑な構造になっていたのですね(^^;`トピックを閉じます。
-
投稿者投稿
- トピック「フッターCTAの設定について」には新しい返信をつけることはできません。