[m.yosh]

【お使いの 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

Who liked: No user

[キタジマ タカシ]

わ、ほんとですね！！ ご報告助かります。とりあえず表示されない件について調査して修正入れます！

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Footer CTA v2.3.1 で修正を入れました。アップデートをお願いします！

また「タブレット＆PCでは表示しない」設定はありますでしょうか？

これは「プライマリーボタンを」「セカンダリーボタンを」ということではなくて、フッター CTA 自体を表示しないようにしたい、ということでしょうか？

♥ 0

Who liked: No user

[m.yosh]

v2.3.1でプライマリーボタン（タブレット＆PC）の設定が表示されるようになりました。ありがとうございます！

これは「プライマリーボタンを」「セカンダリーボタンを」ということではなくて、フッター CTA 自体を表示しないようにしたい、ということでしょうか？

はい、そういう意味でした。

♥ 0

Who liked: No user

[キタジマ タカシ]

はい、そういう意味でした。

設定としては無いので、CSS で消してしまうのが簡単だと思います。

@media (min-width:640px) {
  .p-footer-cta {
    display: none;
  }
}

♥ 0

Who liked: No user

[m.yosh]

ありがとうございます。無事に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

Who liked: No user

[キタジマ タカシ]

var(–_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

Who liked: No user

[m.yosh]

キタジマさんご返答ありがとうございます。

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 に変更されていたのが原因と判明しました(^^;

すっきりしました。
しかしこんな複雑な構造になっていたのですね(^^;`

トピックを閉じます。

♥ 1

Who liked:

[投稿者]

投稿