うなこ
フォーラムへの返信
-
投稿者投稿
-
うなこモデレーターVK Blocks Proの投稿リストブロックをご利用の場合は以下のCSSを追加すれば
画像の全てが枠内で表示できるようになります。
ただし、全ページの投稿リストブロックとカードブロックに影響が出ますので、
他のページに影響が出ないようにしたい場合は該当の固定ページの下の方に出ている
VK All in one Expansion UnitのカスタムCSS 内にcssを記述して更新していただければ
その固定ページだけで適応できると思います。いかがでしょうか?.card-post:not(.card-horizontal) .vk_post_imgOuter { background-size: contain; background-repeat: no-repeat; }
もしくは、追加CSSなどに記載する場合は
bodyタグについている投稿IDで区別することもできます。もし違うブロックをご使用の場合はまた教えてください
Attachments:
You must be logged in to view attached files.
うなこモデレーター失礼しました、カスタム投稿タイプもカード表示できることが確認できました。
Lightning Pro バージョン4.3.3追記ですが、
特定の投稿タイプのみで表示タイプは「カード」で、カード内の画像を枠内に収まるようにする場合は
以下のCSSで表示できると思います。.vk_posts-postType-○○ .card-post:not(.card-horizontal) .vk_post_imgOuter { background-size: contain; background-repeat: no-repeat; }
※vk_posts-postType-○○ の「○○」の部分には投稿タイプID名が入ります。
※:not(.card-horizontal) はカード水平にした場合には適応されないように追記しています。
うなこモデレーターcssでカード内の画像を全部表示することは可能なのですが…
現在不具合で「Lightningアーカイブ設定」でカスタム投稿タイプはカード表示にできないかもしれません。
(通常の投稿は表示できる)念のためCSSを添付いたします。
追加CSSなどに以下を追加するとカード内の画像は枠内に収まるようになります。
特定のページのみで対応する場合は、固定ページの該当のページのカスタムCSSに追加してみてください。
もしうまくいかない場合はご返信ください。.card-post:not(.card-horizontal) .vk_post_imgOuter { background-size: contain; background-repeat: no-repeat; }
うなこモデレーターセクションベース内の「最新の投稿」タイトルの上の余白のことでしょうか?
(質問の意図と違っていましたらまた教えてください。)追加CSSに以下を追加してください。 「1rem」の数字はお好きな数字に変更してみて下さい。
レスポンシブですので、好みによりメディアクエリを追加して調整してみて下さい。.mainSection-base-on { padding-top: 1rem; }
うなこモデレーター見比べてみたところ以下のCSSが原因の用でした。
もしお急ぎでしたら以下のCSSを追加cssなどに追加してください。
いかがでしょうか。.gMenu>li:hover, .gMenu>li[class*=current]{ width:auto; }
うなこモデレーター
うなこモデレーターリンクの設定ミスのようです。
メニューのカスタムリンク部分に
#service
の部分/#service
と入れていませんか?
うなこモデレーターカスタマイズの「Lightning モバイル固定ナビ」に電話番号を設置すれば、
どこのページでも下に固定で出ますので、よければご利用ください。例えばリンクURLに
tel:000-000-0000
といった感じに設定してみて下さい。
いかがでしょうか。2020年3月24日 6:33 PM 返信先: vk-all-in-one-expansion-unitでCall to undefined function vkExUnit_register #35489
うなこモデレーターこんばんは、LightningProは最新ですか?
Lightning Proバージョン: 4.1.0が現在の最新となります。
最新ではない場合、更新してください。- この返信は4年、 8ヶ月前にうなこが編集しました。
うなこモデレーター以下の理由により固定にすると画像が拡大する仕様となっております。
画像のサイズによっては、スクロール中に見切れてしまう可能性がありますが
以下のcssを追加cssなどに追加してみるといかがでしょうか?@media screen and (max-width: 480px){ .vk_outer-width-full { background-size: cover !important; } }
うなこモデレーター追加CSS に以下のCSSを追加でいけますでしょうか?
@media (max-width: 767.98px){ .entry-meta .entry-meta_items_term { display: inline-block; } }
うなこモデレーターカテゴリーのボタンがなぜか大きくなっていますね。
ソースを見たら.entry-meta_items_term_button
のクラス名が付いていないようでした。
(本来はカテゴリーのaタグについているクラス名)ちょっと原因が定かではないのですが、、
Autoptimize というプラグインは入れていますか?もしお急ぎでしたら以下のcssを追加cssなどに追記していただければ直ると思います。
.entry-meta_items_term .btn-xs { font-size: .8rem; line-height: 1; padding: 4px 1em; }
うなこモデレーターもしPaleのデモサイトのようなお問い合わせ項目を出したい場合は以下の「ヘッダー上部機能拡張( Pale )」をご参照ください。
▼Paleデモサイト
Paleデモサイト▼ヘッダー上部機能拡張( Pale )
ヘッダー上部機能拡張( Pale )- この返信は4年、 8ヶ月前にうなこが編集しました。
うなこモデレーターこんにちは
ウィジェットでヘッダー右横にお問い合わせボタンを配置した場合は(添付画像のようなボタン)
「ExUnit」 「メイン設定」ページで『お問い合わせ情報』を設定する必要があります。「お問い合わせボタンウィジェットに表示するテキスト」で文字を変更
「お問い合わせ先URL」でURLを設定
で設定してみて下さい。Attachments:
You must be logged in to view attached files.
うなこモデレーターレスポンシブになりますのでブレイクポイントがいくつかありますが、
横幅が1200px以上のPCサイズで横幅変更したい、という認識で記述いたします。以下のcssを追加cssなどに追加して調整してみて下さい。
※○○px の部分の○○には変更したいサイズにしてください。@media (min-width: 1200px){ .siteContent .container { max-width: ○○px; } }
↑ 幅が1200px以上の場合に要素の最大幅を○○pxにするという意味です
.siteContent が付いていますので、.siteContent内の.containerのみに適応されます。(headerとfooterには影響しない) -
投稿者投稿