[うなこ]

一時的な処置としては、
一度デフォルトで準備されているカラーをクリックしてからカスタムカラーのカラーパレットを使うとエラーが出ません。

• この返信は4年、 11ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

表示したいFacebook Pageは公開はされていますか？

あと差し支えなければ、
Facebook Page URLに他のFacebookページURLを入力した場合は表示されますか？
例えば、以下のベクトルのURLを入れてみて下さい。
https://www.facebook.com/VektorInc

[うなこ]

わたしの環境ではハンバーガーメニュー部分の画像は見えております。
・iPhone8　safariで閲覧

kanekoさんのiPhone6で以下のデモサイトを閲覧したときは
ハンバーガーメニューの画像はでますか？
デモサイト

• この返信は4年、 11ヶ月前にうなこが編集しました。

[うなこ]

もしかするとブラウザのキャッシュが残っているのかもしれません。

▼iPhoneのキャッシュ削除の手順

1. 「設定」をタップ。
2. 「safari」をタップ。
3. 下にある「詳細」をタップ。
4. 「webサイトデータ」をタップ。
5. 下にある「全webサイトデータを削除」をタップ

いかがでしょうか。

[うなこ]

RICKさんのいうように、編集画面側のouterの中の表示が少しずれていますね…

本来は余白があるはずですが…とりあえずの対処法としては
管理画面の左上にある「ブロックナビゲーション」をクリックし、カラムを選択するとカラムの「ブロックを削除」が表示できるようになります。

• この返信は4年、 11ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

下のスライド切り替えボタンの重なりの順序が上になっているため
横のボタンと重なっていてリンクが押せなくなっているようでした。

応急の対処法としては、追加cssなどに以下を追加したら押せるようにはなります。

@media (max-width: 767px){
.carousel-indicators { bottom: -10px;}
}

不具合になりますのでバージョンアップを待ってもいいと思います。

[うなこ]

TKHIさん

もう解決されているようですが、ちょっと気になりまして…。

添付された画像をみますと、テーブルのthタグのタイトル部分の文字が縦になり崩れていますね。
本来は文字は横になるはずですが、私の環境ですと文字は横のままで、Lightning Works Unitのデモサイトをスマホで閲覧時も文字は横のままで見えております。

もしよろしければ
・スマホのOS（Android、iOSなど）
・スマホで閲覧時のブラウザ

を教えていただいてもよろしいでしょうか？

[うなこ]

私の環境ですと長めの文字でもiPhoneで閲覧時、端の文字は見切れていないのですが、もし差し支えなければ、その見切れている画面のキャプチャ画像を貼っていただくことは可能でしょうか？

[うなこ]

iPhoneのsafariでJPNSTYLEのデモサイトで見たのですが、こちらでは「Follow me Box」のボタンなど正しく表示されておりました。

試しに以下のデモサイトのページをiphoneのsafariで閲覧すると「Follow me Box」の表示はどうなりますか？
JPNSTYLEデモサイト／祇園祭の見どころを紹介します！

• この返信は5年前にうなこが編集しました。
• この返信は5年前にうなこが編集しました。

[うなこ]

> こちらの添付画像で丸印したエリアは、どの機能で入れたものでしょうか？
→これはウィジェットの「Media Posts ウィジェット」ですね。
https://lightning.nagoya/ja/expansion/lightning-pro/media-posts

> 逆に自分では使いにくい部分は、ヘッダーのスライドショーの縦サイズがFORTの倍くらい大きいので、そこに最適な画像を自分で作れるかなあ？です。
→スライドショーの画像の縦の長さは画像によって変わるのでスキン固有ではないと思います。

Pale独自の設定を使用されたいなら購入されてもいいとは思いますが（背景テクスチャ・ヘッダーナビアイコンなど）、私的にも企業サイトならFORTの方が向いてるかなと思います！

[うなこ]

テストサイトありがとうございます、以下のcssでいかがでしょうか？
追加cssなどに張り付けてください。

.siteContent .btn-default {
    border: 2px solid rgba(255,255,255,.5);
    background-color: #337ab7;
    color: #fff;
}
.siteContent .btn-default:after {
    border: 1px solid rgba(255,255,255,.5);
}

.siteContent .btn-default:hover {
    border: 2px solid #337ab7 !important;
    color: #337ab7;
    background:#fff;
}
.siteContent .btn-default:focus:after, 
.siteContent .btn-default:hover:after {
    border: 1px solid #337ab7;
}

もともとテーマ内に記述してあるcssの「.siteContent .btn-default」が付いているクラスが優先されてしまう箇所がありましたので、「.siteContent .btn-default」にして記述しました。
.siteContent内の.btn-defaultに効くようになっていると思います。

いかがでしょうか？

• この返信は5年、 1ヶ月前にうなこが編集しました。

[うなこ]

「最初の表示になるようなボタン」というのは、どこの表示のことなのかが分からなかったのですが、
以下の解釈で回答します。

JPNSTYLEのデザインスキンで「btn-default」のクラスを使用してボタンを作成していて
ボタンのボーダー色やボタンの色をキーカラーではなく自分で変更するcssが書きたい。
※#〇〇〇と#△△△の部分はお好きなカラーコードを入れてください。

.btn-default {
    border-color: #〇〇〇;
    color: #f00;
}
.btn-default:after {
    border-color: #〇〇〇 !important;
}

/*フォーカス時マウスオーバー時*/
.btn-default:focus,
.btn-default:hover {
    background-color: #△△△;
}

もし質問の意図が違っていましたら、ごめんなさい…。

画像や、差し支えなければURLを貼って質問されるとわかりやすいかもしれません。

[うなこ]

iPhoneはSEですか？

以下のcssを追加すると幅が320px以下でフォントが小さくなります。
26pxはお好みで変更してください。
いかがでしょうか？

@media screen and (max-width: 320px)
.veu_contact .contact_txt_tel {
    font-size: 26px;
}

[うなこ]

【cssでの簡単な解決方法】
以下を追加cssなどに記述したら、VK最新記事ウィジェットのaタグはクリックできなくなると思います。
※aタグが消えるわけではないのでソースコードにはaタグが残っています。

.veu_postList .postList a {
    pointer-events: none;
}

• この返信は5年、 1ヶ月前にうなこが編集しました。
• この返信は5年、 1ヶ月前にうなこが編集しました。

[うなこ]

小林さん　こんばんは！

OS Safariで固定（background-attachment: fixed;）が効かないみたいですね…
実機でみたら固定されていませんね。。。

以前ご案内したサイトのbefore要素を使って実装する方法を試してみました。
background:fixedでの背景固定はiOS（iPhone）でうまく動かないのでこれを使いましょう

↓こんな感じでいかがでしょうか？
[注意]画像のURLのところだけ実際の画像のURLにかえてください。（http://○○○○.jpgの部分）

★max-width: 1024px　でタブレットサイズから適応されるようになっています。
★height: 100vh;　で要素の高さ100％になっています。好みで数字を変えていただいても大丈夫です。

@media (max-width: 1024px){
.vk_outer-bgPosition-fixed::before {
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),url(http://○○○○.jpg) no-repeat right center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  transform: translateZ(0);
}

.vk_outer-bgPosition-fixed {
    background:none !important;
}
}

[投稿者]

投稿