Lightningproでグーグルカレンダー

[fujita]

Lightningproを利用しております。グーグルカレンダーを埋め込むと縮小されて表示され、内容が見れない状況です。どうすれば通常表示されるかわかる方がいらっしゃれば教えていただけると助かります。

[fujita]

追伸
どのような表示になるのか画像ファイルを添付しております。
お時間がある方がいらっしゃれば助けていただけると幸せます。

• この返信は3年、 12ヶ月前にfujitaが編集しました。

Attachments:

You must be logged in to view attached files.

[Vektor,Inc]

イシカワです。
こちら ↓ を見る限り特に問題なさそうですが、どうやって配置しましたか？

Lightning 勉強会・セミナー開催カレンダー

固定ページ無いにHTMLブロックなどで埋め込みコードを入れて、そのページを表示させたりとか、固定ページ本文ウィジュエットでもってきたら普通に表示されないですかね？

[fujita]

イシカワ様
ご連絡大変ありがとうございました。
テーマに影響するのかわからないのですが、いくつか試したところ、
Lightningでは通常表示されたのですが、Pro版ですとどうもこのようになります。
画像を添付しております。ご確認いただけると幸せます。

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

下記のようにしてはいかがでしょうか？

ウィジェットに貼る内容

<div class="googleCalendar">
	Googleカレンダーの埋め込みコード
</div>

子テーマの style.css

.googleCalendar iframe {
    width: 100%;
    height: 600px;
}

ちなみに、下記ページから拝借しました。

Lightning 勉強会・セミナー開催カレンダー

P.S.
上記ページでは 外観 ＞ 追加CSS で設定されているようです。

[fujita]

DRILL LANCER様

大変ありがとうございました。
ご指示通りに実装してみたところ、おかげさまで無事解決いたしました。

[投稿者]

投稿